Difference between revisions of "Change scroll smooth"
| Line 1: | Line 1: | ||
| − | When you create question single grid, if you use question layout Page | + | When you create question single grid, if you use question layout <strong>Page</strong>.<br/> |
| − | It will use scroll page default, if you want to change it | + | It will use scroll page default, if you want to change it.<br/> |
| − | Please change CSS in layout questionnaire. | + | Please change CSS in layout questionnaire.<br/> |
| − | Advanced - Survey - Layouts - Search layout name that you are using - Open - Tab Layout detail - Style sheet | + | Advanced - Survey - Layouts - Search layout name that you are using - Open - Tab Layout detail - Style sheet<br/><br/> |
| − | Search CSS: | + | Search CSS:<br/> |
| − | - if it really existed, please change number in css code (ex: 800) | + | - if it really existed, please change number in css code (ex: 800)<br/> |
<source lang="css"> | <source lang="css"> | ||
| Line 12: | Line 12: | ||
} | } | ||
</source> | </source> | ||
| − | + | <br/><br/> | |
| − | - if it doesn't exist yet, please copy code css bellow, paste in tab Style sheet and save. Please change number in css code if you want (ex: 800) | + | - if it doesn't exist yet, please copy code css bellow, paste in tab Style sheet and save. Please change number in css code if you want (ex: 800)<br/> |
<source lang="css"> | <source lang="css"> | ||
.question_layout_paged_mobile .cg-ui-answer-option { | .question_layout_paged_mobile .cg-ui-answer-option { | ||
| Line 19: | Line 19: | ||
} | } | ||
</source> | </source> | ||
| + | [[Category:Questionnaire]] | ||
Revision as of 10:56, 15 November 2021
When you create question single grid, if you use question layout Page.
It will use scroll page default, if you want to change it.
Please change CSS in layout questionnaire.
Advanced - Survey - Layouts - Search layout name that you are using - Open - Tab Layout detail - Style sheet
Search CSS:
- if it really existed, please change number in css code (ex: 800)
.question_layout_paged_mobile .cg-ui-answer-option {
--smooth-scroll-duration: 800;
}
- if it doesn't exist yet, please copy code css bellow, paste in tab Style sheet and save. Please change number in css code if you want (ex: 800)
.question_layout_paged_mobile .cg-ui-answer-option {
--smooth-scroll-duration: 800;
}
