Forums

CSS problem; none loads in IE lightbox. Works fine in FF.

sideline 23 May, 2009
Hi, firstly just wanted to echo a lot of users feelings in saying what a great component this is. I've just created a form using tutorials and the forums, and I must say it is so easy and flexible.

So getting to the root of my problem. I made a form that clients can fill in a send to a relevant department from a drop down box. This form loads in a lightbox and submit sends the user to a thank you page closing the lightbox. I made the initial form using the form wizard, then tweaked the form code following forum instructions to my needs. So far all is working well in firefox. In IE though, it seems that the css doesn't load when lightbox opens up. All the form elements are aligned at the left side of the page right by the border. Tried searching around for any similar problems or solutions on the forums and google but couldn't find any. I've got "Load Chronoforms CSS/JS Files?" set to Yes. I also tried fiddling with the style1-ie7.css file (tried to add vertical-align: middle; left; right; ect) to form_element and form_item with different combinations etc.. but nothing works. Also just generally making changes to the css file, still nothing. Anyone know how I might fix this issue?

P.s. I'm a self-taught "web designer" if you could even call me that. Got basic knowledge of design and programming (html, css, php and java). I kinda figure out what I want to achieve then go about reading up on how to do it, do test runs, trial and error etc. Although I am a quick learner and don't mind putting in the time to figure out how things work. But the downside is you only learn specific things on what you need not the general workings. I'm probably missing one line of code or done something wrong for the css not to load.

Left one is FF, right is IE.
[attachment=0]lightbox.png[/attachment]

Any help would be appreciated.

Thanks again.
GreyHead 23 May, 2009
Hi sideline,

I'm pretty certain that the css & js filesa ren't being loaded in the lightbox. They probably go when you no longer load the Joomla template files. I think that you will need to add the code to do that manually in the html for the lightbox. It should be pretty staightforward.

Bob
sideline 23 May, 2009
hey Bob, thanks for your help. I did a search to find where the html file for the lightbox could be found. Best I could come up with popup.php in the html/toolbar/button folder. Unfortunately I don't know what code to put in or even if that is the right file. Any chance you could point me in the right direction.

Cheers.
Max_admin 24 May, 2009
Hi sideline,

try to copy the css files references from the page source head to the top of your form code, maybe IE can't find the css whne the form is opened in a lightbox ?

Cheers
Max
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
This topic is locked and no more replies can be posted.