-
Jordan_StewartAsked on October 18, 2018 at 12:21 AM
Hi there, just wanted to ask for styling purposes if it was possible to change the colors of tables and headers for questions, as our corporate branding requires specific heading types to be specific colors, and I just want to change the table colors entirely.
Kind Regards,
Jordan
Thanks for the response Mike, I've attached two images that I seek to some-what replicate within my form, one which is a standard table of data (all fields are un-editable and filled, while the other will be the input table).
Normal Table (perhaps maybe not as bland, just with these colour options)
Input Table (perhaps maybe not as bland, just with these colour options)
If something like this could be achieved that'd be really great.
Additionally in another thread, I asked if it was possible to change the colour of a question title, but i'm not exactly sure how to achieve this in CSS so any help with that would be really appreciated
-
Mike_G JotForm SupportReplied on October 18, 2018 at 2:39 AM
Changing the color of the table and the texts in the input table field is possible using Custom CSS codes.
How-to-Inject-Custom-CSS-Codes
I see that you only have one form in your account with only 1 input table field. You can also give us the details and we will be glad to help you style your form.
-
Jordan_StewartReplied on October 18, 2018 at 7:28 PM
Thanks for the response Mike, I've attached two images that I seek to some-what replicate within my form, one which is a standard table of data (all fields are un-editable and filled, while the other will be the input table).
Normal Table (perhaps maybe not as bland, just with these colour options)
Input Table (perhaps maybe not as bland, just with these colour options)
If something like this could be achieved that'd be really great.
Additionally in another thread, I asked if it was possible to change the colour of a question title, but i'm not exactly sure how to achieve this in CSS so any help with that would be really appreciated
-
Kiran Support Team LeadReplied on October 18, 2018 at 11:14 PM
Since you are using the Text field for displaying the table data, you may customize the look from the source code of the Text field as shown in the following screenshot using the code provided below that can be applied for header <tr> tag:
style="background-color: #32849c; color: #fff;"
For the input table field, please try adding the following CSS code to the form.
.form-matrix-column-headers {
background-color: #32849c;
color: #fff;
}
.form-matrix-values input {
background-color: #fff;
}
The input tables on the form should be displaying as below:
Hope this information helps!