Decorated DropDownList control doesn't render sometimes

[Aarsh]

Hi,

We have a form in asp.net 4 webforms application, this page has 30-40 (approx) fields and a mixture of default and telerik contrtols. And I use RadFormDecorator in our master page for consistent appearance. The problem is QA reported that sometimes some dropdowns does not "appear" ( render ) I have seen this happening sometimes on my localhost, too. The common workaround for us is to right click anywhere on web page and to click refresh to reload the radtab. No JavaScript error from F12 tools from my IE10 though.

Thanks,
-Aarsh

[Aarsh]

Observations :

1. This applies to only default asp.net drop downs the telerik ones work fine - this is an issue for us
2. I DO have RadFormDecorator in master page, but that does not seem to take effect, I had to declare it again in content page.
3. if I remove RadFormDecorator from content page default controls do not get decorated, but controls do get rendered on page load.
4. With RadFormDecorator, the drop downs get decorated after page loads and the dropdowns are clearly hidden on page load, but they appear in a second after page has loaded.

in master page's body tag :

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server"
    Height="99%" Width="100%" LoadingPanelID="LoadingPanel1">
        <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" Skin="Vista"/>

in content page :

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <telerik:RadFormDecorator ID="someID" runat="server" ControlsToSkip="Textarea">
    </telerik:RadFormDecorator>

[Aarsh]

 ... one more thing.

the drop downs with fragile styles, disappear after postback ( screen shot attached with annotations )

[Aarsh]

telerik version 2013.3.1114.40

Browser: IE 10

Control suite : asp.net ajax

Plateform : asp.net 4.0 webforms

[Danail Vasilev]

Hello Aarsh,

I have tried to reproduce the mentioned issue with the RadFormDecorator but to no avail - the dropdowns and selects are properly decorated on my side. Could you please watch the short video test in the attached archive and then tell me what I am missing?

I can suggest that you try upgrading to the latest official version of Telerik UI for ASP.NET AJAX and see whether the issue is fixed. If that step doesn't help it would be better to reproduce the issue with the attached VS example and then tell us what changes you have made, so that we can make an investigation locally.

Could you also provide us with the following information:

• Is the issue a browser specific or it reproduces in most major browsers? If so which are the browsers and their versions?
• Does removing the ajax resolves the issue?

For the time being you can try skipping the selects from decoration by setting FormDecorators' ControlsToSkip property to "Select". Another approach could be to avoid the selects from decoration by decorating only particular zones that do not include the selects though the DecorationZoneID property.

Could I also ask you when you open forum threads to choose the proper product category, so that other forum members can easily find threads?

Thank you for your cooperation.

Regards,
Danail Vasilev
Telerik

[Aarsh]

Danail, I appreciate your efforts to reproduce but I suppose that is quite small page. I tried to mimic the page as much as I can however like yours, test applications are not realistic so that even if I want to reproduce it I might not.In addition to that sites work quite fast on localhost, to make both these parameters realistic, I created a small application. hosted it on IIS Server and tried to access it from my Virtual PC.

Screen snippets of the actual application are also attached.

[Aarsh]

Hi Danail, once again.

I suppose the reason for not rendering the comboboxes properly was due to improper use of RadForm Decorators so It looks like the decorated dropdowns are loading. I am concerned with the last issue from the 4 issues mentioned above in my post ( permlink ).

PLEASE NOTE that if I remove <add key = "Telerik.Web.UI.RenderMode" value = "lightweight" /> from my web.config, the drop downss DO render correctly, as I have shown in my screen shots in previous post.

Regarding Getting Updated to latest version : I referred to the release note http://www.telerik.com/support/whats-new/aspnet-ajax/release-history/q3-2013-sp2 and nothing relevant seemed to be mentioned. I am not sure if I understand the reason behing your suggestion for that. | Though this is IE 8+ application, this particular scenario was observed also also on Google Chrome and Mozilla Firefox.

    ==> It was observed that turning on Light rendering mode causes the issue. I am currently setting it from web.config
    ==> And removing ajax components from the page did not seem to make any difference.

I THINK THE ISSUE IS : FIRST ITEM BEING "" (EMPTY) ==> http://sdrv.ms/1bhw6jW
& telerikRadDecoratorRaid.zip file should be selected when page loads you
might need to scroll down a bit for non IE browser.

---
How can I upload code snippet to new telerik forums by the way ?

[Danail Vasilev]

Hello Aarsh,

Attaching files to forum threads is not an allowed procedure. In order send us an archived project for an investigation you must open e support ticket which requires subscription. As for the insertion of code snippets it is fine to place them inside forum threads. You can use the "Format Code Block" icon from the RadEditor's toolbar.

I have inspected the mentioned project and it seems that there are two issues with the RadFormDecorator in lightweight mode:

• FIX decorated selects by RadFormDecorator in Lightweight mode do not have z-index
• FIX empty options from decorated selects by RadFormDecorator in Lightweight mode do not have arrow

For the time being you can use the workarounds provided in both feedback items.

I have also updated your Telerik points for reporting these issues to us.

Regards,
Danail Vasilev
Telerik

[Aarsh]

Thnaks Danail I'd try as soon as time permits and will let you know in this post if any issues assert.