Position the configurable widget

  • Profile Image
    avwhittingham
    Asked on December 06, 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

  • Profile Image
    Kevin_G
    Answered on December 06, 2018 at 02: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. 

  • Profile Image
    avwhittingham
    Answered on December 06, 2018 at 03: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

  • Profile Image
    Victoria_K
    Answered on December 06, 2018 at 06: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