How do I adjust the spacing between the options on my configurable list widget?

  • Profile Image
    fmquality
    Asked on August 13, 2018 at 11:25 AM

    I would like to have "List", "Column", and "Comments" tabs have a little more spacing in between.

    Also, I would like to see if the "Comment" open field text line can be stretched out to one line instead of how it looks now.

    Also, how to remove the "Add" and "Remove" button.

  • Profile Image
    roneet
    Answered on August 13, 2018 at 12:33 PM

    Please allow me some time. I am working on the solution.

    Thanks.

  • Profile Image
    roneet
    Answered on August 13, 2018 at 01:02 PM

    1. To induce more spacing between column please include following custom CSS code.

    th.col1{
    min-width: 120px !important;
    }
    th.col2{
    min-width: 150px !important;
    }
    th.col3{
    min-width: 150px !important;
    }

    Feel free to adjust the width pixel.  Then click the Update Widget button.  

    Do this in every configurable list widget that you have.

    2. To hide Add and Remove button please include following custom CSS code.


    .add, .remove {
        white-space: nowrap;
        display: none;
    }

    Do this in every configurable list widget that you have.

    15341796831.PNG

    Let us know if you need further assistance. We will be happy to help.

    Thanks.

  • Profile Image
    roneet
    Answered on August 13, 2018 at 01:43 PM

    Also, to decrease the height of the comments text area. You may inject the following CSS code in the Configurable List widget, in custom CSS tab.

    Place the following Custom CSS code:

    textarea {

        width: 150px;

        height: 15px;

    }

    Do this in every configurable list widget that you have.

    Hope this helps!