Custom widget creation

pandeyved
Tera Contributor

Hi All,
I need a widget to display the following content like this, whether any OOB widget present or need to create custom one. If custom, then how I can create.

This is widget to display image and when we click it takes up to cat item

pandeyved_0-1700554855116.png

 

Similarly like this one more

pandeyved_1-1700554855118.png

 

Please guide

Thanks

1 ACCEPTED SOLUTION

@pandeyved You can try out card size as 'small' to get the below kind of design with OOB widget. 

SajalGupta_4-1700561348995.png

 

 

If you still want to achieve that design. The space is too small to show 2 cards back to back, you can customize the widget and update the size in the below widget code from 20 rem to 8 rem to achieve that.

SajalGupta_2-1700561211865.png

SajalGupta_3-1700561269997.png

 

 

View solution in original post

19 REPLIES 19

Sajal Gupta
ServiceNow Employee
ServiceNow Employee

Hi @pandeyved 

You can try out the quick links widget, You will be able to achieve the below set of designs OOB based on instance options.
Screenshot 2023-11-21 at 3.03.41 PM.png

 

Screenshot 2023-11-21 at 3.04.02 PM.png

 

Screenshot 2023-11-21 at 3.05.30 PM.png

 

Screenshot 2023-11-21 at 3.06.17 PM.png

 





Thanks @Sajal Gupta 

I tried that only but it is coming in two rows like this

pandeyved_0-1700559761462.png

instead of this I want both in single row. I tried to reduce height and width in css but not working.

Pls guide

 thanks

@pandeyved You can try out card size as 'small' to get the below kind of design with OOB widget. 

SajalGupta_4-1700561348995.png

 

 

If you still want to achieve that design. The space is too small to show 2 cards back to back, you can customize the widget and update the size in the below widget code from 20 rem to 8 rem to achieve that.

SajalGupta_2-1700561211865.png

SajalGupta_3-1700561269997.png

 

 

Thanks a lot