How to create borders around my questions?

  • zubeida
    Asked on August 7, 2015 at 12:21 AM

    Hi There, 

    I wanted to know if there is a way to draw boxes around the questions in my survey? to actually be able to seperate and distinguish the questions i have in page 2?  I have attached a picture illustration for you reference, if i wanted to do that how would i go about it?

    Jotform Thread 631358 Screenshot
  • BJoanna
    Replied on August 7, 2015 at 4:57 AM

    You can add border around the questions in your form by Injecting Custom CSS. To do that inside of your Form Builder select Setup & Embed tab, then click on Preferences, then select Form Styles tab and inside of Inject Custom CSS field at the bottom of existing code paste this code:

    .form-line {

        border : 1px solid black;   

    }

    How to create borders around my questions?  Image 1 Screenshot 30

    After adding this code your form will look like this.

    How to create borders around my questions?  Image 2 Screenshot 41

    Here is my cloned form where I added mentioned code.

    http://form.jotformpro.com/form/52182227712955? 

    Hope this will help. Let us know if you need further assistance. 

  • zubeida
    Replied on August 7, 2015 at 5:03 AM

    Hi thanks for the response. But this css code will apply this to all text parts in my form. I only want to do this for section A, page 2. Is this possible? 

  • Welvin Support Team Lead
    Replied on August 7, 2015 at 9:49 AM

    You need to target the field ID's in the page 2. I have it for you, simply add the following custom CSS codes to your form.

    #id_11,

    #id_13,

    #id_202,

    #id_203,

    #id_206,

    #id_207,

    #id_133,

    #id_128,

    #id_129,

    #id_130,

    #id_130,

    #id_134,

    #id_135,

    #id_26,

    #id_136,

    #id_209 {

    border: 1px solid #000;

    }

    Please follow the same guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes. Add the codes the bottom part.

    Thanks