Form fields appear wrong, then adjust themselves

[David.Woosley]

In Internet Explorer 9, my form appears in the wrong layout for a second, then adjusts itself to the correct layout. Like this:


The form wrongly appears like this:


Label 1
Field 1
Label 2
Field 2
Label 3
Field 3


Then, it quickly adjusts the fields to the correct layout:


Label 1 Field 1
Label 2 Field 2
Label 3 Field 3


The form is very simple: One table, about ten fields, no calculations or anything kinky.

This problem is extremely disconcerting. Also, it is ugly and amateurish. In only happens in Internet Explorer.



Please advise. Thanks.

 

[cheesegrits]

You'll have to point me at the page. Sounds like a CSS issue, which I can't diagnose without seeing the page.

I know in Lists, there can sometimes be a second where the headers and filters don't style themselves right away, but I've never seen that happen on forms.

-- hugh

 

[David.Woosley]

PROBLEM SOLVED: Form fields appear wrong ...

The easy solution is to hide the form, then make it visible after it has fully loaded. Works like a charm.

Add this line to the standard/custom CSS file:

#form_1 { display:none; }

Add this function to components\com_fabrik\js\form_1.js

window.addEvent('domready', function() {
document.getElementById("form_1").style.display = "block";
});

 

[David.Woosley]

Obviously, this workaround does not fix the underlying problem. The page is on localhost, so don't worry about it unless it crops up again. Many thanks.