Styling for a Sharepoint list view page embedded in a Teams tab works in browser but not desktop app

%3CLINGO-SUB%20id%3D%22lingo-sub-1614339%22%20slang%3D%22en-US%22%3EStyling%20for%20a%20Sharepoint%20list%20view%20page%20embedded%20in%20a%20Teams%20tab%20works%20in%20browser%20but%20not%20desktop%20app%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1614339%22%20slang%3D%22en-US%22%3E%3CP%3EI'm%20embedding%20a%20Sharepoint%20modern%20events%20list%20view%20page%20in%20a%20Teams%20tab%2C%20but%20because%20Msft%20has%20awkwardly%20mixed%20classic%2Fmodern%20ui%20experiences%20for%20the%20events%20list%20and%20hasn't%20yet%20got%20around%20to%20providing%20a%20modern%20version%20of%20list%20view%20pages%2C%20I%20can't%20use%20list%20view%20formatting%20to%20customize%20the%20rendering%20of%20the%20page.%20Because%20only%20the%26nbsp%3B%20classic%20experience%20is%20available%20I'm%20forced%20to%20use%20jslink%20to%20make%20the%20list%20view%20look%20decent.%20The%20page%20itself%20looks%20fine%20and%20renders%20correctly%20in%20the%20browser%20version%20of%20Teams.%20But%20when%20opened%20in%20the%20app%2C%20all%20the%20styling%20is%20stripped%20out%20so%20it's%20unusable.%26nbsp%3B%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ETo%20reproduce%3A%3C%2FP%3E%3CP%3EAdd%20a%20simple%20jslink%20rendering%20file%20to%20the%20list%20view%20web%20part%20in%20an%20events%20list.%3C%2FP%3E%3CP%3EEmbed%20the%20page%20in%20a%20Teams%20tab%26nbsp%3B%3C%2FP%3E%3CP%3ECompare%20results%20between%20the%20app%20and%20browser%20version.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAnd%20by%20the%20way%2C%20if%20Msft%20didn't%20remove%20the%20%22add%20to%20calendar%22%20link%20when%20a%20modern%20events%20page%20is%20embedded%2C%20NONE%20of%20this%20would%20be%20necessary.%20Standard%20domino%20effect%2C%20rabbit%20hole%20development%20practices%20by%20our%20pals%20at%20Msft.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1614339%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EEmbed%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1620202%22%20slang%3D%22en-US%22%3ERe%3A%20Styling%20for%20a%20Sharepoint%20list%20view%20page%20embedded%20in%20a%20Teams%20tab%20works%20in%20browser%20but%20not%20desktop%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1620202%22%20slang%3D%22en-US%22%3E%3CP%3EHi%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F221756%22%20target%3D%22_blank%22%3E%40matt%20howell%3C%2FA%3E%26nbsp%3B%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20think%20this%20is%20a%20bit%20of%20one%20of%20those%20where%20the%20more%20usual%20SharePoint%20development%20techniques%20are%20being%20used%20and%20will%20work%20better%20because%20of%20that%20when%20just%20in%20the%20browser%20as%20the%20browser%20will%20be%20able%20to%20tap%20into%20all%20available%20web%20technologies%20to%20help%20render.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHowever%20when%20it%20comes%20to%20Teams%2C%20whilst%20it%20can%20surface%20a%20lot%20that%20is%20present%20and%20correct%20in%20SharePoint.%20there%20will%20be%20some%20oddities.%20That%20is%20where%20you%20would%20develop%20something%20more%20from%20the%20Teams%20side%20or%20utilising%20alternative%20Microsoft%20Services%20or%20development%20platforms%20that%20are%20more%20native%20to%20Teams.%3CBR%20%2F%3E%3CBR%20%2F%3ESo%20the%20best%20thing%20I%20can%20suggest%20in%20this%20instance%20is%20to%20raise%20these%20concerns%2Fsuggestions%20via%20Microsoft's%20Teams%20User%20Voice%20forum.%20That%20way%20you%20can%20take%20your%20good%20suggestions%20and%20hopefully%20help%20make%20a%20difference%20and%20benefit%20us%20all%20%3A)%3C%2Fimg%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fmicrosoftteams.uservoice.com%2Fforums%2F555103-public%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3EMicrosoft%20Teams%20UserVoice%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHenry%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1620247%22%20slang%3D%22en-US%22%3ERe%3A%20Styling%20for%20a%20Sharepoint%20list%20view%20page%20embedded%20in%20a%20Teams%20tab%20works%20in%20browser%20but%20not%20desktop%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1620247%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F693840%22%20target%3D%22_blank%22%3E%40henryarphillips365%3C%2FA%3E%26nbsp%3B%20Thanks%20for%20the%20reply%20-%20you're%20probably%20right%20about%20the%20limitatin%20of%20the%20app%20vs%20a%20browser.%20But%20if%20Msft%20is%20going%20to%20offer%20the%20option%20to%20embed%20SP%20pages%20in%20a%20tab%2C%20then%20it's%20their%20responsibility%20to%20ensure%20it%20works%20properly.%20As%20for%20user%20voice%2C%20I%20still%20see%20highly%20voted%20but%20unresolved%20ideas%20that%20are%20many%20years%20old%20so%20have%20little%20confidence%20in%20that%20platform.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1620258%22%20slang%3D%22en-US%22%3ERe%3A%20Styling%20for%20a%20Sharepoint%20list%20view%20page%20embedded%20in%20a%20Teams%20tab%20works%20in%20browser%20but%20not%20desktop%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1620258%22%20slang%3D%22en-US%22%3EOut%20of%20interest%20is%20the%20same%20true%20when%20using%20the%20website%20tab%20as%20opposed%20to%20SharePoint%20tab%3F%3CBR%20%2F%3E%3CBR%20%2F%3EThanks%3CBR%20%2F%3E%3CBR%20%2F%3EHenry%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1620268%22%20slang%3D%22en-US%22%3ERe%3A%20Styling%20for%20a%20Sharepoint%20list%20view%20page%20embedded%20in%20a%20Teams%20tab%20works%20in%20browser%20but%20not%20desktop%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1620268%22%20slang%3D%22en-US%22%3E%3CP%3EHi%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F221756%22%20target%3D%22_blank%22%3E%40matt%20howell%3C%2FA%3E%26nbsp%3B%20I%20can%20tell%20you%20that%20the%20Uservoice%20site%20gets%20a%20lot%20of%20attention%20from%20the%20Teams%20engineers%20and%20they're%20working%20on%20hundreds%20of%20those%20items%20at%20any%20given%20time.%26nbsp%3B%20It's%20just%20that%20there%20can%20be%20so%20many%20moving%20parts%20that%20the%20status%20won't%20change%20for%20awhile%2C%20or%20they've%20updated%20one%20item%20that%20might%20be%20almost%20the%20same%20as%20five%20others.%26nbsp%3B%20Believe%20me%2C%20it's%20a%20very%20valuable%20site.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1620728%22%20slang%3D%22en-US%22%3ERe%3A%20Styling%20for%20a%20Sharepoint%20list%20view%20page%20embedded%20in%20a%20Teams%20tab%20works%20in%20browser%20but%20not%20desktop%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1620728%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F693840%22%20target%3D%22_blank%22%3E%40henryarphillips365%3C%2FA%3E%26nbsp%3BIt%20does%20work%20fine%20when%20viewing%20Teams%20in%20a%20browser%2C%20as%20noted%20in%20the%20question%20topic.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1620730%22%20slang%3D%22en-US%22%3ERe%3A%20Styling%20for%20a%20Sharepoint%20list%20view%20page%20embedded%20in%20a%20Teams%20tab%20works%20in%20browser%20but%20not%20desktop%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1620730%22%20slang%3D%22en-US%22%3ESorry%20you%20have%20misunderstood%20me.%20When%20adding%20a%20tab%20in%20Teams%2C%20you%20can%20choose%20website%20and%20specify%20the%20URL%20to%20the%20SharePoint%20page.%20As%20opposed%20to%20selecting%20a%20SharePoint%20tab%20and%20selecting%20a%20page.%20So%20not%20a%20tab%20in%20a%20Web%20browser%20but%20Teams.%20It%20might%20do%20the%20same%20but%20worth%20a%20shot.%3CBR%20%2F%3E%3CBR%20%2F%3EThanks%3CBR%20%2F%3E%3CBR%20%2F%3EHenry%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1620792%22%20slang%3D%22en-US%22%3ERe%3A%20Styling%20for%20a%20Sharepoint%20list%20view%20page%20embedded%20in%20a%20Teams%20tab%20works%20in%20browser%20but%20not%20desktop%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1620792%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F693840%22%20target%3D%22_blank%22%3E%40henryarphillips365%3C%2FA%3E%26nbsp%3BOk%2C%20yes%20I%20tried%20both%20ways%20and%20there%20wasn't%20a%20difference.%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
Contributor

I'm embedding a Sharepoint modern events list view page in a Teams tab, but because Msft has awkwardly mixed classic/modern ui experiences for the events list and hasn't yet got around to providing a modern version of list view pages, I can't use list view formatting to customize the rendering of the page. Because only the  classic experience is available I'm forced to use jslink to make the list view look decent. The page itself looks fine and renders correctly in the browser version of Teams. But when opened in the app, all the styling is stripped out so it's unusable.  

 

To reproduce:

Add a simple jslink rendering file to the list view web part in an events list.

Embed the page in a Teams tab 

Compare results between the app and browser version.

 

And by the way, if Msft didn't remove the "add to calendar" link when a modern events page is embedded, NONE of this would be necessary. Standard domino effect, rabbit hole development practices by our pals at Msft.

7 Replies
Highlighted

Hi @matt howell ,

 

I think this is a bit of one of those where the more usual SharePoint development techniques are being used and will work better because of that when just in the browser as the browser will be able to tap into all available web technologies to help render.

 

However when it comes to Teams, whilst it can surface a lot that is present and correct in SharePoint. there will be some oddities. That is where you would develop something more from the Teams side or utilising alternative Microsoft Services or development platforms that are more native to Teams.

So the best thing I can suggest in this instance is to raise these concerns/suggestions via Microsoft's Teams User Voice forum. That way you can take your good suggestions and hopefully help make a difference and benefit us all :)

 

Microsoft Teams UserVoice

 

Thanks

 

Henry

Highlighted

@henryarphillips365  Thanks for the reply - you're probably right about the limitatin of the app vs a browser. But if Msft is going to offer the option to embed SP pages in a tab, then it's their responsibility to ensure it works properly. As for user voice, I still see highly voted but unresolved ideas that are many years old so have little confidence in that platform.

Highlighted
Out of interest is the same true when using the website tab as opposed to SharePoint tab?

Thanks

Henry
Highlighted

Hi @matt howell  I can tell you that the Uservoice site gets a lot of attention from the Teams engineers and they're working on hundreds of those items at any given time.  It's just that there can be so many moving parts that the status won't change for awhile, or they've updated one item that might be almost the same as five others.  Believe me, it's a very valuable site.

Highlighted

@henryarphillips365 It does work fine when viewing Teams in a browser, as noted in the question topic.

Highlighted
Sorry you have misunderstood me. When adding a tab in Teams, you can choose website and specify the URL to the SharePoint page. As opposed to selecting a SharePoint tab and selecting a page. So not a tab in a Web browser but Teams. It might do the same but worth a shot.

Thanks

Henry
Highlighted

@henryarphillips365 Ok, yes I tried both ways and there wasn't a difference.