Home

How to sync a SharePoint Web Part with Teams?

%3CLINGO-SUB%20id%3D%22lingo-sub-1290418%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20sync%20a%20SharePoint%20Web%20Part%20with%20Teams%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1290418%22%20slang%3D%22en-US%22%3E%3CP%3EHey%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F535940%22%20target%3D%22_blank%22%3E%40vcima%3C%2FA%3E%26nbsp%3B%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWhere%20exactly%20are%20you%20trying%20to%20use%20this%20webpart%20on%20Teams%3F%20As%20a%20Channel%20tab%3F%20Usually%2C%20you%20configure%20webpart%20properties%20at%20the%20moment%20you%20add%20them%20to%20a%20Channel%20tab.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1290944%22%20slang%3D%22es-ES%22%3ERe%3A%20How%20to%20sync%20a%20SharePoint%20Web%20Part%20with%20Teams%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1290944%22%20slang%3D%22es-ES%22%3E%3CP%3EHi%20%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F365643%22%20target%3D%22_blank%22%3E%40Carlos_Marins!.%3C%2FA%3E%26nbsp%3B%3CSPAN%3EFirst%20of%20all%20%3C%2FSPAN%3Ethanks%20for%20your%20reply!%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20have%20this%20in%20my%20manifest%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%3E%3CSPAN%3E%22configurableTabs%22%3C%2FSPAN%3E%3CSPAN%3E%3A%20%3C%2FSPAN%3E%5B%3CBR%20%2F%3E%20%20%7B%3CBR%20%2F%3E%20%20%20%20%3CSPAN%3E%22configurationUrl%22%3C%2FSPAN%3E%3CSPAN%3E%3A%20%3C%2FSPAN%3E%3CSPAN%3E%22https%3A%2F%2F%7BteamSiteDomain%7D%7BteamSitePath%7D%2F_layouts%2F15%2FTeamsLogon.aspx%3FSPFX%3Dtrue%26amp%3Bdest%3D%7BteamSitePath%7D%2F_layouts%2F15%2Fteamshostedapp.aspx%253FopenPropertyPane%3Dtrue%2526teams%2526componentId%3DXXXXXX%2526forceLocale%3D%7Blocale%7D%22%3C%2FSPAN%3E%3CSPAN%3E%2C%3CBR%20%2F%3E%3C%2FSPAN%3E%20%20%20%20%3CSPAN%3E%22canUpdateConfiguration%22%3C%2FSPAN%3E%3CSPAN%3E%3A%20true%2C%3CBR%20%2F%3E%3C%2FSPAN%3E%20%20%20%20%3CSPAN%3E%22scopes%22%3C%2FSPAN%3E%3CSPAN%3E%3A%20%3C%2FSPAN%3E%5B%3CBR%20%2F%3E%20%20%20%20%20%20%3CSPAN%3E%22team%22%3CBR%20%2F%3E%3C%2FSPAN%3E%20%20%20%20%5D%3CBR%20%2F%3E%20%20%7D%3CBR%20%2F%3E%5D%3CSPAN%3E%2C%3CBR%20%2F%3E%3C%2FSPAN%3E%3CSPAN%3E%22staticTabs%22%3C%2FSPAN%3E%3CSPAN%3E%3A%20%3C%2FSPAN%3E%5B%3CBR%20%2F%3E%20%20%7B%3CBR%20%2F%3E%20%20%20%20%3CSPAN%3E%22entityId%22%3C%2FSPAN%3E%3CSPAN%3E%3A%20%3C%2FSPAN%3E%3CSPAN%3E%22example%22%3C%2FSPAN%3E%3CSPAN%3E%2C%3CBR%20%2F%3E%3C%2FSPAN%3E%20%20%20%20%3CSPAN%3E%22name%22%3C%2FSPAN%3E%3CSPAN%3E%3A%20%3C%2FSPAN%3E%3CSPAN%3E%22example1%22%3C%2FSPAN%3E%3CSPAN%3E%2C%3CBR%20%2F%3E%3C%2FSPAN%3E%20%20%20%20%3CSPAN%3E%22contentUrl%22%3C%2FSPAN%3E%3CSPAN%3E%3A%20%3C%2FSPAN%3E%3CSPAN%3E%22https%3A%2F%2F%7BteamSiteDomain%7D%2F_layouts%2F15%2FTeamsLogon.aspx%3FSPFX%3Dtrue%26amp%3Bdest%3D%2F_layouts%2F15%2Fteamshostedapp.aspx%253FopenPropertyPane%3Dtrue%2526teams%2526personal%2526componentId%3DXXXXXX%2526forceLocale%3D%7Blocale%7D%22%3C%2FSPAN%3E%3CSPAN%3E%2C%3CBR%20%2F%3E%3C%2FSPAN%3E%20%20%20%20%3CSPAN%3E%22scopes%22%3C%2FSPAN%3E%3CSPAN%3E%3A%20%3C%2FSPAN%3E%5B%3CBR%20%2F%3E%20%20%20%20%20%20%3CSPAN%3E%22personal%22%3CBR%20%2F%3E%3C%2FSPAN%3E%20%20%20%20%5D%3CBR%20%2F%3E%20%20%7D%3CBR%20%2F%3E%5D%3CSPAN%3E%2C%3C%2FSPAN%3E%3C%2FPRE%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWith%20the%20first%20option%3CSPAN%3E%22configurableTabs%22%2C%3C%2FSPAN%3EI%20can%20handle%20the%20properties%20panel%20in%20Teams%2C%20but%20I%20need%20the%20second%20option%20%22staticTab%22%20because%20is%20the%20only%20way%2C%20as%20far%20as%20I%20Know%2C%20to%20pin%20the%20application%20in%20the%20left%20menu.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThe%20problem%20is%20the%20following%2C%20How%20can%20I%20handle%20the%20properties%20panel%20in%20Teams%20with%20the%20second%20option%20or%20what%20can%20I%20do%20to%20sync%20the%20Web%20Part%20properties%20between%20SharePoint%20and%20Teams.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%20in%20advance!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1287741%22%20slang%3D%22en-US%22%3EHow%20to%20sync%20a%20SharePoint%20Web%20Part%20with%20Teams%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1287741%22%20slang%3D%22en-US%22%3E%3CP%3EI%20have%20developed%20a%20SharePoint%20WebPart%2C%20this%20component%20has%20several%20properties%20that%20I%20can%20modify%20from%20SharePoint%3A%20width%2C%20height...%3C%2FP%3E%3CDIV%20class%3D%22mceNonEditable%20lia-copypaste-placeholder%22%3E%26nbsp%3B%3C%2FDIV%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22example.png%22%20style%3D%22width%3A%20329px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F182701i3C6235632AB90A9C%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22example.png%22%20alt%3D%22example.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20have%20installed%20the%20same%20component%20in%20Teams%20and%20works%20fine%20but%20I%20don't%20know%20how%20can%20I%20change%20this%20properties%20in%20Teams.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ELogically%2C%20I%20think%20that%20by%20changing%20the%20values%20in%20Sharepoint%2C%20they%20should%20automatically%20refresh%20in%20Teams%20but%20it's%20not%20like%20that.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EOn%20the%20other%20hand%2C%20If%20I%20try%20to%20click%20on%20the%20%22Sync%20button%20with%20Teams%22%2C%20I%20don't%20why%20never%20works%20and%20throws%20an%20error.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22botonteams.png%22%20style%3D%22width%3A%20135px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F182702iA11D772E15887E3F%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22botonteams.png%22%20alt%3D%22botonteams.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fxxxx.sharepoint.com%2Fsites%2FcatalogApp%2F_api%2Fweb%2Ftenantappcatalog%2FSyncSolutionToTeams%2520--%253E%2520Error%2520500%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fxxxx.sharepoint.com%2Fsites%2FcatalogApp%2F_api%2Fweb%2Ftenantappcatalog%2FSyncSolutionToTeams%20--%26gt%3B%20Error%20500%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EMy%20problem%20is%20that%20I%20can%20edit%20the%20properties%20in%20Teams.%20Now%20I%20have%20something%20like%20this%20when%20I%20try%20to%20edit%20the%20WebPart%20in%20Teams%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22webpart1.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F184497i14036F8922848463%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22webpart1.png%22%20alt%3D%22webpart1.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20would%20like%20to%20obtain%20something%20like%20this%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22teams2.png%22%20style%3D%22width%3A%20629px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F184496iF0D82B1DC2801D07%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22teams2.png%22%20alt%3D%22teams2.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ESomebody%20know%20how%20what%20can%20I%20do%20to%20sync%20this%20parameters%20or%20allow%20to%20edit%20in%20Teams%3F%3C%2FP%3E%3CDIV%20class%3D%22mceNonEditable%20lia-copypaste-placeholder%22%3E%26nbsp%3B%3C%2FDIV%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1287741%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3Esharepoing%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ETeams%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E
Highlighted
Contributor

I have developed a SharePoint WebPart, this component has several properties that I can modify from SharePoint: width, height...

 

example.png

 

I have installed the same component in Teams and works fine but I don't know how can I change this properties in Teams.

 

Logically, I think that by changing the values in Sharepoint, they should automatically refresh in Teams but it's not like that.

 

On the other hand, If I try to click on the "Sync button with Teams", I don't why never works and throws an error.

 

botonteams.png

https://xxxx.sharepoint.com/sites/catalogApp/_api/web/tenantappcatalog/SyncSolutionToTeams --> Error...

 

My problem is that I can edit the properties in Teams. Now I have something like this when I try to edit the WebPart in Teams:

 

webpart1.png

 

I would like to obtain something like this:

 

teams2.png

 

Somebody know how what can I do to sync this parameters or allow to edit in Teams?

 

 

 

 

2 Replies
Highlighted

Hey @vcima ,

 

Where exactly are you trying to use this webpart on Teams? As a Channel tab? Usually, you configure webpart properties at the moment you add them to a Channel tab.

Highlighted

Hi @Carlos_Marins!. First of all thanks for your reply!

 

I have this in my manifest:

 

"configurableTabs": [
{
"configurationUrl": "https://{teamSiteDomain}{teamSitePath}/_layouts/15/TeamsLogon.aspx?SPFX=true&dest={teamSitePath}/_layouts/15/teamshostedapp.aspx%3FopenPropertyPane=true%26teams%26componentId=XXXXXX%26forceLocale={locale}",
"canUpdateConfiguration": true,
"scopes": [
"team"
]
}
],
"staticTabs": [
{
"entityId": "example",
"name": "example1",
"contentUrl": "https://{teamSiteDomain}/_layouts/15/TeamsLogon.aspx?SPFX=true&dest=/_layouts/15/teamshostedapp.aspx%3FopenPropertyPane=true%26teams%26personal%26componentId=XXXXXX%26forceLocale={locale}",
"scopes": [
"personal"
]
}
],

 

With the first option "configurableTabs",  I can handle the properties panel in Teams, but I need the second option "staticTab" because is the only way, as far as I Know, to pin the application in the left menu.

 

The problem is the following,  How can I handle the properties panel in Teams with the second option or what can I do to sync the Web Part properties between SharePoint and Teams.

 

Thanks in advance!