Hello!
I am looking to modify our drag and drop answers on a ranking question to include the hamburger icon like the image below. Is this possible? Or am I overlooking something?
Thanks for any help!
Solved
Hamburger Icon on Drag & Drop question
+7Best answer by Tom_1842
Neat code! I tweaked it a bit so that the hamburger icon could display a little larger.
HTML of rank order answer option:
<div style="height:100%;line-height:100%;cursor:move">
<span>Tooling Timing</span>
<span style="float:right;font-size:40px">≡</span>
</div>JS:
jQuery("span.LabelWrapper label > span").css({"width":"95%","margin-top":"3px"});
jQuery(".ui-sortable-handle span.label").css({"width":"95%","margin-top":"3px"});
+32Try the below method.
HTML of rank order question option:
<div><span style="float:left">Tooling Timing</span><span style="float:right;">≡</span></div>JS to be added on the question:
jQuery("span.LabelWrapper label > span").css("width","100%");
jQuery(".ui-sortable-handle span.label").css("width","100%");
1 person likes this
+28Neat code! I tweaked it a bit so that the hamburger icon could display a little larger.
HTML of rank order answer option:
<div style="height:100%;line-height:100%;cursor:move">
<span>Tooling Timing</span>
<span style="float:right;font-size:40px">≡</span>
</div>JS:
jQuery("span.LabelWrapper label > span").css({"width":"95%","margin-top":"3px"});
jQuery(".ui-sortable-handle span.label").css({"width":"95%","margin-top":"3px"});
1 person likes this
Leave a Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.