What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

    What CSS coding do I need to achieve this...?

    Asked by zk1 on April 27, 2012 at 06:43 AM

    Hello there,

    I have built a form using the JotForm builder but I need to use CSS in order to modify one of the matrix tables in a way that the form builder does not allow (I want to have text boxes and radio buttons in the same Matrix).

    Using right click inspect element on my form in google chrome browser, I was able to customise a matrix table to the exact way I wanted it by editing the elements. The matrix looked perfect on screen but when I went to save it and view it later it was still the old type of matrix.

    So whilst I was able to change the matrix on my screen in the browser, this did not actually change the form in any way. Can you please advise me as to what custom CSS coding I would need to inject in order to achieve somthing that looks like this screenshot?

    Many many thanks!


    Page URL:

  • Profile Image

    Answered by fxr on April 27, 2012 at 01:13 PM

    To be honest, I think trying to place radio buttons in amongst those matrix cells is beyond what can be done with CSS. 

    You may have more luck downloading the forms source code and manipulating that, but I cant see even that being straightforward.