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
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
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?
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?
Hi Kevin,
The width is being set in your template by max-width setting around line 1440 of tempalte_css.css
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
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;
}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 worked perfectly, I actually make the 558px, 95%
Thankyou
Thankyou
This topic is locked and no more replies can be posted.
