Need to reduce the size of "Get Started" Button on Survey page

HiteshB
Tera Contributor

I need to reduce the size of "Get Started" Button on Survey page.

HiteshB_0-1741356269187.png

When checked Instance in Page editor it shows

HiteshB_1-1741356344595.png

But in Url it show id=take_survey.

 

Please help me with the steps for reducing the size of button

2 ACCEPTED SOLUTIONS

J Siva
Tera Sage

Hi @HiteshB 

It's OOB widget, so as per best practices we shouldn't edit that. Instead you can clone the OOB widget and make changes as required.

 

To clone the existing widget,

-> Go to widget 

-> Search for "Surveys and assessment" widget & clone

-> In the cloned widget html, update the styling as required.

 

Screenshot_20250307-195020.png

View solution in original post

J Siva
Tera Sage

You can modify the html code.

Currently it's using bootstrap classes to maintain the size.

Instead of btn-lg, you can use btn-sm or btn-sm. If you want that in normal size, then just remove btn-lg

 

Screenshot_20250307-201243.png

View solution in original post

6 REPLIES 6

J Siva
Tera Sage

Hi @HiteshB 

It's OOB widget, so as per best practices we shouldn't edit that. Instead you can clone the OOB widget and make changes as required.

 

To clone the existing widget,

-> Go to widget 

-> Search for "Surveys and assessment" widget & clone

-> In the cloned widget html, update the styling as required.

 

Screenshot_20250307-195020.png

HiteshB
Tera Contributor

Hi @J Siva 

 

Shall i edit html file or css file

Can can you share what shall i add to reduce size of button

 

HiteshB
Tera Contributor

Hi @J Siva 

 

And also below is the html for Get started button

 

<button class="btn btn-primary btn-block btn-lg" ng-click="c.startSurvey()" id="get-started">Get Started</button>

Can you help me to modify it to reduce the size of button

J Siva
Tera Sage

You can modify the html code.

Currently it's using bootstrap classes to maintain the size.

Instead of btn-lg, you can use btn-sm or btn-sm. If you want that in normal size, then just remove btn-lg

 

Screenshot_20250307-201243.png