Controls unresponsive after RadTabStrip OnTabClick

2 posts, 0 answers
  1. Thomas
    Thomas avatar
    4 posts
    Member since:
    Aug 2013

    Posted 12 Apr Link to this post

    Hi;

    I have several pages that have a .NET UpdatePanel within which is a RadTabStrip controlling a .NET MultiView control via the OnTabClick event.  The behaviour we were seeing was that after clicking the RadTabStrip and having the MultiView change views, most controls on the page because unresponsive.  Clicking on a "blank" space within the page would then allow the controls to respond.  The most obvious case was a dropdownlist that, when clicked, would get focus but not actually drop down to display its items.  If we clicked on a non-control area of the screen then clicked back on the dropdownlist, it would then drop down and display its items.

    I did a number of experiments, including changing the MultiView over to a Telerik MultiPage control.  If I did this and set the MultiPageID in the RadTabStrip and removed the firing of the OnTabClick event, the problem behaviour would not occur.  But we need the OnTabClick event to initialize controls within Views/Pages.

    If I removed the top-level UpdatePanel containing the RadTabStrip and the MultiView, the problem would not occur.  However, then we would have an undesirable full postback.

    If I put an UpdatePanel around the MultiView and set the RadTabStrip as an AsyncPostBackTrigger, the problem still occurred.  If I changed the trigger to a PostBackTrigger, the problem did not occur but again we'd have the undesirable postback page "flash".

    I found that one page we had did not experience this issue.  The difference was that all controls on the page (except for a RadWindowManager, which was declared before the UpdatePanel on all pages concerned) were contained in the ContentTemplate of this "top-level" UpdatePanel.  The problem pages had divs containing controls and additional UpdatePanels declared after/outside of the first "top-level" UpdatePanel.

    Moving these divs/controls/update panels inside the top-level update panel eliminated the error.  After clicking the RadTabStrip and having the MultiViewchange views, the page controls responded to input.  For example, the dropdownlist described above correctly dropped-down and displayed its items when clicked.

    Any ideas what exactly is going on with this?  As far as I can tell, I'm able to move everything into the top-level update panel without breaking my pages, but I still don't know exactly WHY that solution works.  I can't easily post a code example since there's a lot going on in these pages.  If necessary I can try to create a sample project that reproduces the issue.

  2. Veselin Tsvetanov
    Admin
    Veselin Tsvetanov avatar
    290 posts

    Posted 15 Apr Link to this post

    Hello Thomas,

    Thank you for the detailed explanation provided.

    We tried to reproduce the described issue using RadTabStrip and RadMultiPage in one UpdatePanel and RadButton in another. However, we were not able to observe the problem.

    Attached you will find the sample page. May I ask you to modify it so it reproduces the issue observed and send it back to us? This way we will be able to troubleshoot the problem locally and provide you with the most appropriate answer of your question.

    As this forum thread won't allow you to attach zipped files, you could paste a link to the sample page source files or you could open a support ticket in our system, where you could directly upload the files.

    Regards,
    Veselin Tsvetanov
    Telerik
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top