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

[HiteshB]

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

When checked Instance in Page editor it shows

But in Url it show id=take_survey.

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

[J Siva · Accepted solution]

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.

[HiteshB]

Hi @J Siva 

As per the information provide i have updated the HTML code as below

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

And saved the clone Widget and and checked on esc portal it is not working.

[J Siva]

Have you replaced the oob widget with the cloned one In the page?