Buy Now
Sign in

How to display inline fields

nickza1 , May 10 at 14:50
Answered
N
nickza1
Hi. I would like to have the fields inline, instead of:
Field Name
{Input block}
to this:
Field Name: {Input Block}
Additionally, and please don't hate me for stupid questions, but how do I change the text colors of the form? I am using a back background and the form text style needs to be white.
Thank you
*edit bump*
I am assuming this has to be done with css... I am not familiar with css at all, so any help would be great. I am looking to do the following:​
​Text in white​
​Black background​
​Label: {field} alignment (as mentioned above)
Thank you
GreyHead
Hi nickza1,
There doesn't appear to be a way to set labels left built in but this JavaScript seems to work OK when I test.
jQuery(document).ready(function(jQ){​
​ jQ('.G2-form .field').addClass('inline');​
​});
and this CSS will change the color of the label text
.G2-form label {​
​ color: white !important;​
​}
Bob
ChronoForms technical support
If you'd like to buy me a coffee or two, thank you very much
N
nickza1
Thank you. Now where do I put those codes?
H
healyhatman
You can add the "inline" class to all of the items you want to have inline labels. Under the "advanced" tab, for container class, just add "inline" to the list.
Web developer at SkySpider.com.au
I don't work for ChronoEngine but I do accept donations paypal.me/healyhatman
GreyHead
Hi nickza1,
For the CSS use a CSS element from the Custom elementas group in the Designer tab.
For the left labels follow healyhatman's suggestion.
Bob
ChronoForms technical support
If you'd like to buy me a coffee or two, thank you very much