Configurable list widget: Help with custom css code to control the fields width and margin.

  • Profile Image
    laniraflar
    Asked on November 11, 2018 at 09:40 AM

    Hi

    Can you help with configurable list widget css

    How can I control the fields width and margins, it seems that from the demo all the css commands are not effecting.



    This is a re-post of a comment on How to Inject CSS Codes to Widgets

  • Profile Image
    ashwin_d
    Answered on November 11, 2018 at 10:42 AM

    I have injected the following custom css code in your form's configurable list widget and that seems to have fixed the issue:

    th {

        padding-left: 0px;

    }

    input[type="text"] {

        width: 100px;

    }

    .col2 {

        width: 45px !important;

        padding-right: 0px !important;

    }

    .checkbox-container {

        width: 45px;

    }

    textarea {

        width: 130px !important;

        height: 40px;

    }

    .col4 {

        padding-right: 0px;

    }

    .stepper-wrap input.stepper {

        text-align: left;

        width: 56px !important;

    }

    .stepper-wrap {

        width: 45px;

    }

    Please check the screenshot below:

    1541950906configurableList.gif

    Hope this helps.

    Do get back to us if you need any other changes.