Forums

In internet explorer the text vanished

jannie 24 Jan, 2012
Hallo

I made http://www.mondzorgzuidplas.nl/nota.html
the problem is that in the older internet explorer 6/7/8/ you can't see the text next to 'Maak uw keuze'
In the css I tried some things but than the layout from other fields is gone.
Somebody knows what to do?
GreyHead 24 Jan, 2012
Hi jannie,

I can't see any difference in IE - I tried various versions in IE Tester, they all look the same as FireFox apart from IE5.

Bob
jannie 24 Jan, 2012
Strange,
Do you see this: ?

Selecteer
Ik ontvang graag een kopie van de factuur
Factuur is dubbel betaald (door uzelf en/of de verzekeringsmaatschappij
Ik heb een betalingsherinnering gehad, maar de nota is al betaald
Overige vragen/reactie n.a.v. uw ontvangen factuur

Because we see only this:
Selecteer
Ik ontvang graag een kopie v
Factuur is dubbel betaald (d
Ik heb een betalingsherinner
Overige vragen/reactie n.a.v
GreyHead 24 Jan, 2012
Hi jannie,

I had no idea that was the text you were referring to.

You either need shorter text or a wider select box.

Bob
jannie 24 Jan, 2012
Hi

If i change the width of the selectbox everything changes in the form, so maybe I change it wrong?
The client is not very happy now, and has paid for this extension.
jannie 24 Jan, 2012
ps I downloaded your CSV Export,

But in the DB Operations I don't have a tab for the CSV Export ?? So how do I manage this?
polderguy 05 Feb, 2012
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
GreyHead 05 Feb, 2012
Hi Jannie,

I've just re-read this thread after polderguy posted. The CSV Export [GH] action is included in ChronoForms from CFv4 RC3.0. It's in the DB Operations action group.

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