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

@pandeyved 

A template is basically a new page. On the existing page the same way you added the Quick Links widget. In the same manner, you can add any other widget to that new page.

You can follow the below steps as per your requirement

1. Clone Page 

SajalGupta_0-1700631942903.png


2. Use the Related link to open the page in designer

SajalGupta_1-1700632013269.png


3. Drag and Drop widgets wherever you like or remove if you want 

SajalGupta_3-1700632124430.png


4. Go to the Topic where you want the different widgets to appear and choose the new template

SajalGupta_4-1700632215300.png

5. Go to the portal and see the difference on different topic page

SajalGupta_5-1700632333550.png

SajalGupta_6-1700632393799.png

 

Thanks

@Sajal Gupta 

Is there any other approach, as we are not cloning the page. 
Can we do by topic ID

@pandeyved No you can't do it by topic id, You will have to write your custom code to hide the widget based on topic id.

The topic template is the standard approach to having different pages based on the topic. 
Reference: Topic Template Documentation

Regards

Sajal

@Sajal Gupta 

Can you please suggest how we can hide widget with custom code. Just an Idea
Thanks

Hi @Sajal Gupta 
We need to remove this Support Resource from this OOB widget on Topic Page. But As OOB widget is not editable. How we can remove this. Is there any option schema or Property from where we can remove this?

pandeyved_0-1700714699659.png

Pls Guide and thanks for all your support
Thanks