How do I resize specific fields within a configurable list?

  • Profile Image
    crossland
    Asked on March 23, 2016 at 02:06 PM

    I have a configurable list with different types of fields within it. I would like to resize some of those fields. For example, the "UOM" field is much wider than it needs to be. 

     

    Thank you , 

    Nathan K

  • Profile Image
    ashwin_d
    Answered on March 23, 2016 at 02:35 PM

    Hello Nathan,

    Please inject the following custom css code in your configurable list widget to change the width of textboxes and stepper fields:

    .col6 input[type="text"] {

        width: 60px;

    }

    .col3 input[type="text"] {

        width: 60px;

    }

    .col4 input[type="text"] {

        width: 60px;

    }

    .stepper-wrap input.stepper {

        width: 40px;

    }

    Please check the screenshot below how to inject custom css code in widget:

     

    Hope this helps.

    Do get back to us if you want to change the width of any other columns and we will surely help you with the custom css code.

    Thank you!

  • Profile Image
    crossland
    Answered on March 24, 2016 at 10:45 AM
    Perfect!
    Thanks,
    _____________________________________
    [Description: Crossland Logo for email1]
    Nathan Kubicek
    Crossland Academy
    833 S. East Ave, P.O. Box 45
    Columbus, KS 66725
    Phone: 620-429-1414 Fax: 620-429-1431
    Cell: 417-385-8687
    nkubicek@crosslandconstruction.com
    website: www.crosslandconstruction.com
    Trust – Responsibility – Integrity – Passion
    ...
  • Profile Image
    mert
    Answered on March 24, 2016 at 11:25 AM

    In the name of my colleague, you are most welcome. If you need further styling for your widget, please do let us know.

     

    Regards.