Controls loosing their style/skin on AJAX postback

[Matt]

Hi,

I have been working with the RAD AJAX tools for a while and I have noticed on some pages that controls change in appearance  when the page does an AJAX postback.  It is usually an unlrelated part of the page from that which is posting back.

If I had to take a stab at what is happening, I would guess that the AJAX postback was causing other Rad Controls to loose their styling.

Can anyone point me in the right direction here?

[Pavel]

Hello Tony,

You can try to set the EnableAjaxSkinRendering property to "true" for the affected controls in the Page_Load server-side event handler. If that does not help, please provide more details about your scenario, so we can investigate further and advise you accordingly.

Best wishes,
Pavel
the Telerik team

[Abu Ali]

hi, i have the same problem
i am using DNN with my custom Modules
after a RadAjaxPanel Postback (with in my module's ascx files) , many style problems occurred in whole page like the menu or other contents.
if i replaced the RadAjaxPanel with UpdatePanel everything works ok.
i am using Skins generated by artisteer, but also the default DNN skin 5.6 lost some skin properties

thanks

[Pavlina]

Hello,

Go through the second point of this help article which elaborates on Control Skin is not loaded after ajax problem and see if it helps:
http://www.telerik.com/help/aspnet-ajax/ajax-common-issues.html

Regards,
Pavlina
the Telerik team

[Abu Ali]

Hello
thanks for you reply, but this is not my case, the css problem is with html tags (ul, td, tr ... ) not with any asp or telerik control..
the these controls are not inside the Ajax Panel, i attached two screenshot before and after the ajax request.
thanks

[Pavlina]

Hi,

At this point to be able to provide more to the point answer, I will ask you to open a formal support ticket and send us a sample runnable project where the problem can be replicated. We will review it locally and will advice you further.

Regards,
Pavlina
the Telerik team

[Robert]

I know this is an older post but I had problems with non-Telerik controls inside a ajax panel losing styling on an ajax request too.  radio buttons, checkboxes, etc.  In my CSS file I applied the "!important" on the properties and the problem seemed to go away. Just thought I would post to offer a possible solution for someone who might run into this too.

[Pavlina]

Hello,

Thank you for sharing your findings with the community.

Regards,
Pavlina
Telerik

[Robert]

No good deed goes unpunished.  Now I am having issues with the Telerik controls losing their style on postback.  :-(  The controls are not inside the panel.

[Pavlina]

Hello,

Could you isolate the issue in a runnable project following the instructions from this blog post: http://www.telerik.com/blogs/isolating-a-problem-in-a-sample-project  and send it to us? We will test it locally and will get back to you with a proper solution.

Regards,
Pavlina
Telerik

[Robert]

Actually I determined the problem was due to your Telerik Visual Style Builder.  I used that tool to change colors, etc. and in the code created from your tool it was applying this style in both the date picker and the combobox with regard to the sprite:

Which makes sense because there is no 'Common/radActionsSprite.png' in my project.

.RadPicker .rcCalPopup, .RadPicker .rcTimePopup
{
border: 1px solid #cdcdcd;
background-color: #f9f9f9;
/* background-image: url('Common/radActionsSprite.png');*/
width: 34px;
height: 34px;
}

.RadComboBox .rcbArrowCell a
{
width: 28px;
height: 34px;
/*background-image: url('Common/radActionsSprite.png');*/
background-position: -11px -58px;
background-repeat: no-repeat;
}

Once I excluded those lines the problem went away. 

 

Thanks Pavlina.

Robert

 

 

[Pavlina]

Hello,

I am glad to hear that you managed to find and resolve the issue. Do not hesitate to contact us in case you need additional assistance.

Regards,
Pavlina
Telerik