ChronoForm not wide enough for tabs

I am having problems with making the forms wider when I use it in TAB format.

My current URL is at http://apringette.com/index.php/en/?option=com_chronoforms&chronoform=CoachEvaluation2

I want to make eac of the TAB area as wide as the webpage will allo, but I cannot find the area where I can do this.

Can anyone assist.

Kevin
I have searched through several css file and cannot seem to find where the body of the tab can be widen to accommodate more characters per line.

I can change (add <div id='cf_tabbed_form' style='width:1000px;' >) into the element but this corrects the characters but not the box that is drawn by the form so the form looks smaller that the wording.

Please any direction or suggestions is appreciated
After much more trial and error, I have determined that the form itself is just fine with sizing.
The issue is actualyy with the box that gets drawn around the form.

The tabs increase from 4 to 5 or 6 no problem, the form questions and answers are fine as well, the problem is the box that get drawn around the form.

Where is this BOX size setup?
GreyHead 01 Mar, 2014
Answer
Hi Kevin,

The width is being set in your template by max-width setting around line 1440 of tempalte_css.css
div.current {
    clear: both;
    border: 1px solid #ccc;
    padding: 10px 10px;
    max-width: 500px;
}
Changing this to 558px makes the layout look OK but that may not be the safest solution as it may well affect other parts of the site. Shortening some tab titles might be simpler, or editing so that they all use two rows.

If you decide to change the max-width, better to use a CSS selector just for this page and add it in the form Load CSS action.

Bob
This topic is locked and no more replies can be posted.