SharePoint User defined Unique ID/Name for a Web Part.

Question

I would like the ability to give each web part a unique id or name so that I can easily access the elements for css and Javascript. For instance, I have 3 different "Quick Links" web parts on a page, Id like to apply different CSS to each "Quick Links" web part.

Is there such a Web Part that can accomplish this?

robelliott · Answer

swensonic&nbsp;this is not possible out-of-the-box. Maybe with SPFx....&nbsp;RobLos GallardosIntranet, SharePoint and Power Platform Manager (and classic 1967 Morris Traveller driver)

swensonic · Answer

Thanks for the quick response. I figured it would be SPFx but just wondered if someone could point me in the right direction of any custom SPFx solutions.

robelliott · Answer

swensonic&nbsp;I don't have access to SPFx so you'll need to speak to&nbsp;ganeshsanap&nbsp;who has the knowledge about this.&nbsp;RobLos GallardosIntranet, SharePoint and Power Platform Manager (and classic 1967 Morris Traveller driver)

svensieverding · Answer

Hi&nbsp;swensonic,&nbsp;the correct way in this case would be to create your own Quicklinks webpart using SPFX.There you have control over your own HTML and CSS. (The implementation of the default Quicklinks webpart might change at any time).You then can apply different configurations to your different webpart instances.Take a look at this project i found on githubhttps://github.com/clarktozer/spfx-quicklinks&nbsp;That should give you a good starting point.Best Regards,Sven

svensieverding · Answer

Hi&nbsp;swensonic,&nbsp;or alternatively:Create a list with a "Title" and "Url" Column (and perhaps an Icon column) and format the view to look like Quicklinks (See this sample here: https://github.com/pnp/list-formatting/tree/master/view-samples/icon-link-tiles).&nbsp;Now you have full control over the resulting HTML and CSS.Then use the List View webpart instead of the Quicklinks webparts to show different views of your list formatted by that JSON formatting.Best Regards,Sven

Forum Discussion

SharePoint User defined Unique ID/Name for a Web Part.

Share

Resources