Seamlessly add a text input to a matrix and checkbox

  • Profile Image
    LLCIT
    Asked on August 29, 2012 at 04:39 AM

    The last question in the matrix and check box is 'other (please specify)', that one can input text.  What would be the best whay to add that to be visually seamless?

     

    thank you

  • Profile Image
    abajan
    Answered on August 29, 2012 at 05:38 AM

    For checkbox fields, please have a look at the solution provided by my colleague NeilVicente here.

    Applying the same solution for a matrix would require adding an "Other" column to the relevant matrix and including in the form a text box (or text area) for each row of the said matrix. However, the conditions necessary to reveal the text boxes cannot be created in our form builder and as such, you would need to obtain a copy of the form's source and place it in a web page along with a script to display the appropriate text boxes when the relevant boxes in the matrix are checked. We can help you with the script.

  • Profile Image
    abajan
    Answered on August 29, 2012 at 05:45 AM

    Incidentally, CSS can be injected to correctly position the text boxes for both check box fields and matrices. We can also help you with that.

  • Profile Image
    abajan
    Answered on August 29, 2012 at 09:05 PM

    Here's a demo form illustrating what I mean. Granted, it's not the best example because a user wouldn't be expected to rate a service as both satisfactory and unsatisfactory! In other words, radio buttons would have been more appropriate in this instance. However, the whole point of the demo was to show that it's possible to include "Other" text boxes for matrices.

    Incidentally, since the "Other" text boxes have been set to Required, they must be completed once shown. After all, we don't want users checking a box in the "Other" column and then not stating what that other rating is.

    Do some submissions and have a look at the autoresponses you get.

    If you are interested in such a solution, please let us know.

  • Profile Image
    abajan
    Answered on August 29, 2012 at 09:16 PM

    Hang on... I just discovered that all versions of IE display the text boxes too low. Back to the drawing board!

  • Profile Image
    abajan
    Answered on August 30, 2012 at 05:16 AM

    Okay, I've fixed the problem by using a conditional comment. Another issue in IE was that the hint text in the "Other" text boxes would only be shown for the first box revealed. So, I removed it altogether.

  • Profile Image
    guelphlittletheatre
    Answered on May 31, 2013 at 05:23 PM

    Hi,

        I have a similar but different request....I'd like to be able to have the first input column of a matrix be text fields and the rest of the columns be radio buttons....Is this possible? Thanks

  • Profile Image
    EltonCris
    Answered on May 31, 2013 at 08:11 PM

    @guelphlittletheatre 

    Unfortunately, that's not possible with JotForm builder, but  I am not quite sure if this is doable via source code. I would suggest to open your question in a new thread so we can assist you properly. Thanks!