Page 1 of 1

Strange rendering of PF tabs

Posted: 19 Jun 2011, 14:46
by bitec
Hi.

It seems, that PF tabs are displayed using Javascript on load of the page. So during the rendering of the page the first picture we see is this one:

Image

and only in some time (300-400 ms) we see the two real beautiful tabs:

Image

This is a common behavior for Firefox, Opera and Chrome. Ie 8 renders tabs ok and IE7 - not. I really cannot discover, how to prevent this rendering. The pause between "tabs as ul" and "tabs as tabs" depends on the size of the page - the larger is the page, the longer users see tabs as the non-numerated list.

Thanks!

Re: Strange rendering of PF tabs

Posted: 20 Jun 2011, 17:30
by bitec
I understand, that PF team is busy with dev tasks, but would like anyone to have a quick look at this issue.

Some more information.

Unfortunatelly some mysql error occurs when I try to post html code here, in words, on initial load the html contains raw div, ul and li elements. But in 200-400 milliseconds css styles are applied to them by some javascript:

Code: Select all

<div class="administration-tabs ui-tabs ui-widget ui-widget-content ui-corner-all">
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all"><li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active">

So this results in screenshots, which I provided above - the styles are applied by some javascript. Can this be avoided somehow?

Thanks

Re: Strange rendering of PF tabs

Posted: 20 Jun 2011, 22:31
by leventgny
PF components uses Jquery plugins. Like tabs, charts etc. Therefore styling and manipulation of ui is related with js stuff, current page composition and directly clients browser performance. In fact, it is a common way to deal with RIA.