-
avwhittinghamAsked on December 6, 2018 at 12:09 PM
Hi
Is it possible to align the configurable widget centrally on the form? If so what's the CSS, I've tried loads of different combinations both in the widget's CSS code box and the general form but it doesn't seem to have any effect.
thanks in anticipation
Tony Whittingham
-
Kevin Support Team LeadReplied on December 6, 2018 at 2:37 PM
The configurable list widget is displayed on the center, but it does not have the full width, that may be why you notice it's not centered.
You may change that injecting this CSS code to the form:
li[data-type="control_widget"] {
width: 100% !important;
}
Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
If this does not do what you're looking for, please kindly let us know how you would expect the widget to be displayed.
Looking forward to your response.
-
avwhittinghamReplied on December 6, 2018 at 3:30 PM
That's great thanks but it only affects the one widget, I would like to apply to all of configurable widgets within the form if possible, what does li specifically refer to?
Thanks
-
Victoria_KReplied on December 6, 2018 at 6:13 PM
Please try the following CSS code:
#cid_5 > div, #cid_8 > div, #cid_35 > div {
text-align: center !important;
margin-left: 1em;
}
It seems that every Configurable List should be aligned specifically.
Related guide: How-to-Inject-Custom-CSS-Codes