Jannie,
The way you posted this item, initially made us feel that this is a MS IE 6/7/8
specific issue. I wonder whether that is true.
I actually think it is a generic issue related to the default width of a
select element in ChronoForms v4.
I can see that the select element width on your form is currently 350 pixels.
By default it is 150px (v4 RC3.1) so I guess you have already made the necessary
change(s) in the frontforms.css file.
However when you change the default width attribute of the select element in
the frontforms.css file it will apply to ALL select elements in any form.
Also future updates of the Chronoforms component could possibly (but not
necessarily) overwrite your changes. So this is not the best solution.
So how do we only apply the desired width to the select element in
this particular form while leaving the width of any other select elements
in other forms to the default value ?
Easiest solution would be to go into the Form Manager and click on the
"Wizard edit" link of this form. Then click on the "Events" tab.
Drag and drop a "Load CSS" action in the OnLoad event. Make sure it is positioned
before the "Show html" action.
Click on the Settings icon of the "Load CSS" action.
Enter the following text:
.cfdiv_select select {
width: 400px;
}
Save and retest the form.
(Don't forget to undo the change(s) in the frontforms.css file).
PolderGuy