Employee Center - Quick Links Widget Size

[MichaelCreatura]

Hi All,

Wondering if you can assist, on our Employee Center we have created a 'Technology' topic for all things IT.

As part of this, we would like to add two 'quick links' to the users 'My Incidents' and 'My Requests' (the reason for using quick links is because our Service Portal is held on a different instance that we are linking to via our ESC, complicated!). 

For some reason, when adding the 'Quick Links' widget onto the page, the sizing is completely different to that of the other widgets 'Technology Pages' and I have so far been unable to make them the same size - does anyone have any ideas on how to do this? I am using the OOTB 'Quick LInks' widget. 

Thank you in advance! 🙂

[Syedmd08]

It sounds like you're experiencing issues with the sizing of the 'Quick Links' widget on your Employee Center page. Here are a few possible solutions you could try:

1. Adjust the widget height and width: One possible solution is to try adjusting the height and width of the 'Quick Links' widget to match the size of the other widgets on your page. To do this, you can edit the HTML code of the widget and add height and width attributes to the widget's container div.

2. Use CSS to style the widget: Another option is to use CSS to style the 'Quick Links' widget and make it match the size of the other widgets on the page. You can use the developer tools in your web browser to inspect the CSS styles applied to the other widgets and then apply those same styles to the 'Quick Links' widget.

3. Consider using a different widget: If neither of the above solutions work, you could also consider using a different widget that better fits your needs. There are many third-party widgets available for ServiceNow that may offer more customization options than the OOTB 'Quick Links' widget.

I hope these suggestions are helpful! 

Please mark my reply as Helpful and/or Accept Solution, if applicable. Thanks!

[MichaelCreatura]

Hello @Syedmd08 

Attached is the CSS for the widget. Which elements would I change to alter the height and width? I have tried most but it does not alter the widget. 

Regarding point three, where do I find the third-party widgets? 

Thanks! 

[Syedmd08]

To change the height and width of a widget in the code you provided, you can modify the values assigned to the height and width attributes of the Label widget. For example, to set the height of the widget to 100 pixels and the width to 200 pixels, you can modify the code as follows:

import tkinter as tk

root = tk.Tk()

my_label = tk.Label(root, text="Hello World!", height=100, width=200)
my_label.pack()

root.mainloop()

Note that changing the values of height and width attributes of the widget might not change the actual size of the widget if it is packed or placed in a way that prevents it from being resized. You can also try using other geometry managers, such as grid or place, to position and size your widgets more precisely.