This is a migrated thread and some comments may be shown as answers.

Flashing occurs when using Panel Bar with style-sheet overrides

7 Answers 95 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
Matthew Erwin
Top achievements
Rank 1
Matthew Erwin asked on 11 Jun 2008, 12:07 AM
I am using an included stylesheet to override some of the CSS on the Web20 skin. However when expanding and collapsing items in the panel I am seeing the others that are expanded "flashing" briefly between the "unselected" color and the "selected" text color. I would expect that the CSS for the other selected items in the panel would not be touched just b/c another part of the panel is being collapsed.


For an example just add a panel bar with 5-6 sections in it and allow multiple panels to be open simultaneously. Then include the following into the page:

.RadPanelBar_Web20 .rpExpanded .rpText  
    font-weight:bold !important; 
    color#F58110 !important; 

When expanding/collapsing other sections you will see all other sections that are expanded flash between the unexpanded color of text and the expanded color of text. I have been using FireFox 2.0 for this development --- the problem seems to be specific to Firefox...the control operated as expected in IE.

7 Answers, 1 is accepted

Sort by
0
Matthew Erwin
Top achievements
Rank 1
answered on 11 Jun 2008, 10:17 PM
Same thing also occurs for any other classes over-ridden here -- if you override the image that is shown for expanded versus unexpanded the expanded images will also flash.
0
Alex Gyoshev
Telerik team
answered on 16 Jun 2008, 10:34 AM
Hello Matthew Erwin,

Unfortunately, we weren't able to reproduce the problem that you describe. Could you please open a support ticket and send a sample project that reproduces the case? Thanks in advance.

Greetings,
Alex
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
0
Matthew Erwin
Top achievements
Rank 1
answered on 16 Jun 2008, 04:29 PM
Further investigation on my end shows that this will only occur if the PanelBar items are registered for a server-side ItemClick event and the PanelBar is ajax-enabled using the RadAjaxManager.

The effect is identical when the page is initially  loaded b/c FireFox is rendering the items before applying the final style...probably a FF idiosyncracy. I'm going to find out if I can eliminate the need for an update panel here to eliminate this problem.

You should be able to reproduce this if you have the PanelBar in an update panel of some sort and fire ItemClick events that expand the nodes in the panel bar via a call to the server.
0
Simon
Telerik team
answered on 20 Jun 2008, 11:04 AM
Hi Matthew Erwin,

I tried to reproduce the problem as you described but everything worked normally.

I have attached the test page to this message. Could you modify it appropriately, so that the problem starts manifesting and send it back to me in order to investigate it?

All the best,
Simon
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
0
Matthew Erwin
Top achievements
Rank 1
answered on 27 Jun 2008, 05:15 AM
Just add a Click event to one of those RadPanelItem elements and include that RadPanel in an RadAjaxSettings controller...problem appears to be a browser issue that you can't really do anything about. It renders with the stylesheet included and then modifies it with your !important settings.

I will try to put together an example when I get a chance. I don't think there is anything you guys can do about it. I suppose I would always have the option of creating a completely new skin or trying to find a way to set those specific classes on the object so that the default class names are not used.
0
Simon
Telerik team
answered on 30 Jun 2008, 12:32 PM
Hi Matthew Erwin,

I tried to reproduce the issue as you described and everything worked normally.

Once again, it will help a lot if you assemble a sample project and send it to us so that we can investigate it.

Regards,
Simon
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
0
Matthew Erwin
Top achievements
Rank 1
answered on 01 Jul 2008, 07:46 PM
This is a browser issue -- appears that in some cases it shows things before applying all stylesheets. This is worse in FF3 where rendering occurs before the stylesheet has fully loaded. Thanks again for looking into this - I got rid of the flashing problem by eliminating partial postbacks on the RadPanel and opting instead for standard WCF calls via JS.


Tags
PanelBar
Asked by
Matthew Erwin
Top achievements
Rank 1
Answers by
Matthew Erwin
Top achievements
Rank 1
Alex Gyoshev
Telerik team
Simon
Telerik team
Share this question
or