Display Name below the image in Quick Links Widget

[pandeyved]

Hi All,
I have a requirement to display the name of quick link below the image not on the image.

Example Password reset should be present below the image, please guide what can I do?
Thanks

[Samaksh Wani]

Hello @pandeyved 

1. Navigate to All > Self-Service > Employee Center.
2. On the Employee Center home page, press and hold the control key, right-click the Quick links widget, and then select Instance Options.
3. Configure the instance options.

   Instance option	Description
   Title	Indicates the title of the widget.
   Card Display Style	Indicates how you want the card tile to appear on the widget. The choices are: Thumbnail Simple Default value: Thumbnail
   Card Tile Size	Indicates the size of the card tile on the widget. The choices are: Medium Small Default value: Medium
   Card Content Alignment	Indicates how you want to align the card content on the widget. The choices are: Center Left Default value: Left
   Icon Image Display	Displays the icon image for the card tile. Valid only for: Thumbnail Center Medium Cards Thumbnail Left Medium and Small Cards
   Background Image Display	Displays the background image for the card tile. Valid only for Thumbnail Center Medium and Small Cards
   Include Description	Option to include description for the card tile. Valid only for: Thumbnail Left Medium Cards Simple Medium Cards
   Tile Background Color	Background color of the card tile. The choices are: Primary Dark Light Accent Hexcode Valid only for thumbnail cards.
   Tile Background Color Hexcode	Specify a hex code for the tile background color. Enter a value in this field only if you select Hexcode in the Tile Background Color field.
   Icon Overlay Display	Option to display a circular background for the icon. This option is displayed only when an icon is available.
   Icon Overlay Color Hexcode	Option to specify a color for the circular background for the icon. Enter a value in this field after you select the Icon Overlay Display option. This field defaults to #FFFFFF (white color) if you do not specify a value in this field.
   Text Overlay Display	Option to display the text overlay. Valid only for Thumbnail Center Medium and Small Cards
   Text Overlay Color Hexcode	Option to specify a color for the text overlay. Enter a value in this field after you select the Text Overlay Display option. This field defaults to #FFFFFF (white color) if you do not specify a value in this field.
   Custom Text Color	Indicates custom color for the text. Valid only for thumbnail cards.
   Custom Text Color Hexcode	Specify a custom color for the text. Enter a value in this field after you select the Custom Text Color option. This field defaults to #FFFFFF (white color) if you do not specify a value in this field.
   Quick Links	Add or remove quick links that you want to appear in the widget.

4. Click Save.

Plz mark my solution as Accept, If you find it helpful.

Regards,

Samaksh

[pandeyved]

@Samaksh Wani 
Thanks for the detailed description. But I want to know How I can achieve this. All these setting is applied

[Dr Atul G- LNG]

Hi @pandeyved 

Not sure why you open another thread for same question.

https://www.servicenow.com/community/developer-forum/hi-all-i-have-a-requirement-to-display-the-name...

Here  as @Samaksh Wani  already given the steps:

It will open in another window.

On the Employee Center home page, press and hold the control key, right-click the Quick links widget, and then select Instance Options.

and follow the steps as mentioned above.

[-O-]

You need to upload the picture into the "Icon Image" field not into the "Background Image" field.

Of course you also need to configure the widget instance's Card Display Style, Card Tile Size and Card Content Alignment option as described under Icon Image Display.