Change scroll smooth: Difference between revisions

Revision as of 09:53, 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;
}

@@ 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 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)
-<span class="VIiyi" jsaction="mouseup:BR6jm" jsname="jqKxS" lang="en"><span class="JLqJ4b ChMk0b" jsaction="agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d" jsname="txFAF" data-language-for-alternatives="en" data-language-to-translate-into="vi" data-phrase-index="0" data-number-of-phrases="1" jscontroller="Zl5N8" jsdata="uqLsIf;_;$144" jsmodel="SsMkhd"><span jsaction="click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje" jsname="W297wb">- if it really existed, please change number in css code (ex: 800)</span></span></span>
+<source lang="css">
+.question_layout_paged_mobile .cg-ui-answer-option {
-.question_layout_paged_mobile .cg-ui-answer-option {<br>&nbsp;--smooth-scroll-duration: 800;<br>}
+	--smooth-scroll-duration: 800;
+}
-- <span class="VIiyi" jsaction="mouseup:BR6jm" jsname="jqKxS" lang="en"><span class="JLqJ4b ChMk0b" jsaction="agoMJf:PFBcW;usxOmf:aWLT7;jhKsnd:P7O7bd,F8DmGf;Q4AGo:Gm7gYd,qAKMYb;uFUCPb:pvnm0e,pfE8Hb,PFBcW;f56efd:dJXsye;EnoYf:KNzws,ZJsZZ,JgVSJc;zdMJQc:cCQNKb,ZJsZZ,zchEXc;Ytrrj:JJDvdc;tNR8yc:GeFvjb;oFN6Ye:hij5Wb;bmeZHc:iURhpf;Oxj3Xe:qAKMYb,yaf12d" jsname="txFAF" data-language-for-alternatives="en" data-language-to-translate-into="vi" data-phrase-index="0" data-number-of-phrases="1" jscontroller="Zl5N8" jsdata="uqLsIf;_;$154" jsmodel="SsMkhd"><span jsaction="click:qtZ4nf,GFf3ac,tMZCfe; contextmenu:Nqw7Te,QP7LD; mouseout:Nqw7Te; mouseover:qtZ4nf,c2aHje" jsname="W297wb">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)</span></span></span>
+</source>
-.question_layout_paged_mobile .cg-ui-answer-option {<br>&nbsp;--smooth-scroll-duration: 800;<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)
+<source lang="css">
+.question_layout_paged_mobile .cg-ui-answer-option {
+	--smooth-scroll-duration: 800;
+}
+</source>