- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
03-07-2025 06:07 AM
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
Solved! Go to Solution.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
03-07-2025 06:25 AM
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.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
03-07-2025 06:46 AM
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
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
03-07-2025 06:25 AM
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.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
03-07-2025 06:35 AM
Hi @J Siva
Shall i edit html file or css file
Can can you share what shall i add to reduce size of button
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
03-07-2025 06:39 AM
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
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
03-07-2025 06:46 AM
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