Position the configurable widget

  • avwhittingham
    Asked 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 Lead
    Replied 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. 

  • avwhittingham
    Replied 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_K
    Replied 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