How can I narrow the blank space between fields?

  • Profile Image
    orderinc
    Asked on February 13, 2019 at 12:03 AM

    I am trying to put together an order form that uses the spreadsheet to form widget and the form calculation widget.  One basic thing I can't figure out is how to reduce the blank space between fields on the same line.  Want it to have kind of a spreadsheet look to it.

    The screenshot shows how I would like it to look (top) and how it currently looks (bottom)

  • Profile Image
    jherwin
    Answered on February 13, 2019 at 02:19 AM

    You can adjust the spacing of your fields using a custom CSS code. Please inject the CSS below to your form:

    li#id_3 {

        margin-left: -60px!important;

    }

    li#id_4 {

        margin-left: -60px!important;

    }

    li#id_5 {

        margin-left: -60px!important;

    }

    Guide: How to Inject Custom CSS Codes
    1550042138here.png


    How to know the ID of your form fields? Open the form in published mode and inspect the field. See my screencast below.
    1550042303inspect.gif

  • Profile Image
    orderinc
    Answered on April 12, 2019 at 10:43 PM

    How can I pause the screencast?  Never mind - got what I needed.

  • Profile Image
    orderinc
    Answered on April 13, 2019 at 12:24 AM

    OK - think I got the right and left spacing thing down using CSS.

    Next 2 questions are:

    * Can I eliminate the need to click the 'Autofill' button and just have it automatically autofill when the user exits the part# field?

    * How do I make the Ext Price  read only?  The user should not be able to change the calculated field.