Forums

Hi Greyhead, been checking my contact form in different browsers and it appears that in some browsers i.e Opera, Safari (Mac) the form appears completely differently to what i would like it to look like.

For example in Opera, the labels appear on 1 line and the field then appears underneath and for the multiple fields on one line, the label appears on 1 line. Would the fix be a case of writing different style for different browsers or is there another fix that I could use.

Thanks for your time.

Hi,

There may be a conflict with the CSS of your template, please test the form page with this code at the end of the URL:

&tmpl=component

Do you have the same problem ?

Regards,
Max

Thanks for that admin, I will test that out and see what results I get..

admin, apologies for the silly question but my form page URL ends:

/index.php/contactus

and when i add &tmpl=component at the end, it comes up with an 404 error page.

Hi mediad,

Try the Test Form icon from the Form Wizard; or add ?tmpl=component. The query string has to start with a ?

Bob

Thanks Greyhead, that shows me the page without any stylesheet.

The labels and fields both appear in one line when testing in Opera, so that means my stylesheet is the problem, right?

Btw, thanks admin and Greyhead for looking at this.

Hi mediad,

Yes, it probably means that your template is applying some of the CSS. If you use your browser web developer tools (Dragonfly in Opera) then you should be able to diagnose the problem and add some CSS to a Load CSS action to fix it.

Bob

Thanks Greyhead, I have had a look at my code in Dragonfly and tried to work out where the issue in the CSS lies and unfortunately I havent been able to pinpoint the issue.

It seems to be an issue with the width of the field that I have setup in the chronoforms as currently I have the field size set to 83 but when I change this to 73 than the field appears in 1 line with the label in Opera and aligns with the rest of the page, but in Mozilla and IE the fields now appear smaller in width lol...

I will carry on playing around to see where the issue is.

Thanks once again for your asisstance