How do I indent certain sections? I've tried padding, border-left, and nothing happens.

  • Profile Image
    menstrom
    Asked on May 16, 2016 at 01:28 PM

    On my application, I would like some of the sections to be indented from the left to create an outline feel:

    1. Blah blah blah

        a.  Blah blah blah

        b.  Blah blah blah

     

    I cannot figure out how to accomplish this.  I have tried using the padding option and using the straight CSS for border-left, and it does nothing.

     

    An example of a section that I would like to indent would be the "a. Fall enrollment" and "b. Spring enrollment" sections under "10. Student Status".

     

    Thanks,

     

    Marilyn

     

  • Profile Image
    david
    Answered on May 16, 2016 at 02:29 PM

    To indent those specific fields:

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    #id_26, #id_27 {
        margin-left : 100px;
    }

    Add any further field ID's for fields that you wish to indent:

    https://www.jotform.com/help/146-How-to-find-Field-IDs-Names

  • Profile Image
    menstrom
    Answered on May 16, 2016 at 02:57 PM

    That was the one I didn't try!  It did the trick.  Thanks so much.

  • Profile Image
    david
    Answered on May 16, 2016 at 04:09 PM

    Glad to hear it, you are very welcome!  If there is anything else we can assist you with, let us know and we will be happy to help.

  • Profile Image
    rlzolinas
    Answered on May 03, 2017 at 03:59 PM

    I'm trying to do this with one of my forms as well but cannot find the id, just the unique name and field ids. Any suggestions?

  • Profile Image
    david
    Answered on May 03, 2017 at 05:08 PM

    @rizolinas  If you wouldn't mind creating a new thread letting us know the form you are working on and what elements specifically you are trying to indent, we will be happy to help:

    https://www.jotform.com/contact