Forums

I'm recreating a form from Chronoforms version 3, into the newer version 5.
The form is quite long, with several subheadings, titles and text blurbs throughout the form in sections -- but it's all one form.

How do I add text titles or headings and "normal" text into the form? They are not "labels" accompanying text boxes or anything -- just information throughout the form.

I found the Advanced > Custom element to add to the form, but is this the only way in "Designer"?

Hi wakeupscreaming,

You can do this a couple of ways,

a. Add Custom Code elements from the Advanced Group and put the HTML you need into them. This is great for doing Titles and descriptive text at the start of a form, but can be used anywhere.

b. Add Containers, also from the Advanced Group and set their type to Fieldset. Drag, or copy and paste the elements you need inside the container. This is good for breaking your form inputs into groups. The text you put in the Title box will show in the form as the title or Legend for the Fieldset.

Bob

Hi guys,

I am using fieldsets to group my form: http://www.c-mueller.biz/kontakt/
Has anybody an idea how to change the font-size of the legend class?
I'm using the following code in an on load css event:

.chronoform-container { 
    background: #f9f9f9; 
    padding-left: 15px;
    padding-bottom: 15px;
    border-style: solid;
    border-color: #d1d1d1;
    border-width: thin;
    border-radius: 3px;
    font-weight: normal;
} 
.chronoform-container#gcore-line-tr gcore-form-row{ 
    font-weight: normal; 
    background: #FA5858;
}
legend {
     background: #ffffff;
     padding-left:10px;
     font-size: 5px;
     text-size: 5px;
     font-style: normal;
     font-weight: normal;
      }

Furthermore I tried to change the font-width from bold to normal for the labels but I did not come to an end.
I am using the current ChronoForms v5. Can you help?

Hi TWC,

This works to change the Legend color

#chronoform-mailform legend {
    color: blue;
}

And this the label weight

#chronoform-mailform label {
    font-weight: normal;
}

Bob