Create short text entry elements with two answers side by side for each question

  • menstrom
    Asked on April 20, 2017 at 5:24 PM

    I am trying to create a "chart" that has the question on the left and two answers on the right for each question.  Each of the two answers must be a unique field that can be selected in conditions.  First I tried to do this with an input table, but I need to be able to auto-fill some of the boxes and found that I cannot do that with an input table.

    My form currently has the input table in it, and I started trying to create this "chart" above it but cannot get it to work.  I can create the question and the first answer column box by simply creating a short text entry.  But when I try to create the second answer column box, I can't line it up next to the first box.  It just won't do it.

    Please help me figure this out!

    Thanks,

    Marilyn

  • Chriistian Jotform Support
    Replied on April 20, 2017 at 11:39 PM

    I understand that you want to line up the second textbox to the first textbox. To achieve this, you need to inject a custom CSS on your form. Please see the example below:

    #input_422 {

        position: relative;

        top: -20px;

    }

    Result: 

    Create short text entry elements with two answers side by side for each question Image 1 Screenshot 20

     

    Here's a guide on How to Inject Custom CSS Codes.

    Cheers.

  • menstrom
    Replied on April 21, 2017 at 8:25 AM

    That did it!  I have never used the "relative position" argument before and, without that, it wouldn't respond to the margin-top or top command appropriately.  Adding the relative position line fixed it.

    Thanks!

    Marilyn