RadPanel controls does not paint labels and controls properly

17 posts, 0 answers
  1. Sudhakar
    Sudhakar avatar
    9 posts
    Member since:
    Jul 2013

    Posted 19 Nov 2013 Link to this post

    In our project, we use Rad Panel Bar and Rad Panel Item to hold labels, check box and radio button with expand and collapse feature.

    When a panel gets expanded, labels and controls are missing most of the times and if we collapse and expand then it appears.

    Please advise how to make the appearance consistent always.

    Thanks
    Sudhakar
  2. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 20 Nov 2013 Link to this post

    Hi Sudhakar,

    Can you please paste the markup that you are using and clarify the exact version of the RadControls that you have so I can inspect the issue from my side and assist you in resolving it?

    Regards,
    Kate
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Sudhakar
    Sudhakar avatar
    9 posts
    Member since:
    Jul 2013

    Posted 20 Nov 2013 Link to this post

    From the below mark up, you can notice that RadPane is used to display Left, Center & Right panels and the issue is only with Right Pane.
    Left Pane will be blank during page load so there are no issues and the center pane has not given any such trouble till now.

    Telerik version 2009.3.1314.35 is used in this application.

    Please let me know if you need any other details.
    <asp:Content ID="stuff" runat="server" ContentPlaceHolderID="ContentArea">
        <div style="border: solid 0px black; height:615px;width: 1240px; margin: 0px; padding: 0px;" id="Data" runat="server">
          <telerik:RadSplitter ID="Splitter" runat="server" Height="615px" Width="1240px" Orientation="Vertical">
                    <telerik:RadPane ID="LeftPane" runat="server" Width="340px">
                        <telerik:RadPanelBar ID="LeftPanelBar" runat="server" Style="margin-left: 0px;width:340px;">
                            <CollapseAnimation Type="InOutBounce" Duration="100"></CollapseAnimation>
                            <Items>
                                <telerik:RadPanelItem runat="server" Text="Left Panel" PostBack="False" Expanded="True" ChildGroupHeight="585px">
                                    <Items>
                                        <telerik:RadPanelItem runat="server" PostBack="False">
                                            <ItemTemplate>                                          
                                                <asp:PlaceHolder ID="LeftPanelMouseOver" runat="server"></asp:PlaceHolder>                                                                         
                                            </ItemTemplate>
                                        </telerik:RadPanelItem>
                                    </Items>
                                </telerik:RadPanelItem>
                            </Items>
                        </telerik:RadPanelBar>
                    </telerik:RadPane>
                    <telerik:RadSplitBar ID="LeftSplitBar" EnableResize="false" runat="server" CollapseMode="Forward"/>               
                    <telerik:RadPane ID="CenterPane" runat="server" Width="574px" Height="620px">
                        <!-- Div is added to set purple color for CO2 -->
                        <div id="DivCenter" runat="server">
                            <asp:PlaceHolder ID="Top" runat="server"/>
                            <asp:PlaceHolder ID="Middle" runat="server" />
                            <asp:PlaceHolder ID="Bottom" runat="server" />
                        </div>
                    </telerik:RadPane>
                    <telerik:RadSplitBar ID="RightSplitBar" EnableResize="false" runat="server" CollapseMode="Backward" />
                    <telerik:RadPane ID="RightPane" runat="server" Width="310px" Collapsed="true">
                        <asp:PlaceHolder ID="Right1" runat="server" />
                        <telerik:RadPanelBar ID="RightPanelBar" Width="310px"  runat="server" ExpandMode="SingleExpandedItem">
                            <CollapseAnimation Type="InOutBounce" Duration="100"></CollapseAnimation>
                            <Items>
                                <telerik:RadPanelItem runat="server" Text="Right Panel2" PostBack="False" Expanded="true" ChildGroupHeight="458px">
                                    <Items>
                                        <telerik:RadPanelItem runat="server" PostBack="False">
                                            <ItemTemplate>
                                                <asp:PlaceHolder ID="RightPanel2" runat="server"></asp:PlaceHolder>
                                            </ItemTemplate>
                                        </telerik:RadPanelItem>
                                    </Items>
                                </telerik:RadPanelItem>
                                <telerik:RadPanelItem runat="server" Text="Right Panel3" PostBack="False" ChildGroupHeight="458px">
                                    <Items>
                                        <telerik:RadPanelItem runat="server" PostBack="False">
                                            <ItemTemplate>
                                                <asp:PlaceHolder ID="RightPanel3" runat="server"></asp:PlaceHolder>
                                            </ItemTemplate>
                                        </telerik:RadPanelItem>
                                    </Items>
                                </telerik:RadPanelItem>
                                <telerik:RadPanelItem runat="server" Text="Right Panel4" PostBack="False" ChildGroupHeight="458px">
                                    <Items>
                                        <telerik:RadPanelItem runat="server" PostBack="False">
                                            <ItemTemplate>
                                                <asp:PlaceHolder ID="RightPanel4" runat="server"></asp:PlaceHolder>
                                            </ItemTemplate>
                                        </telerik:RadPanelItem>
                                    </Items>
                                </telerik:RadPanelItem>
                                <telerik:RadPanelItem runat="server" Text="Right Panel5" PostBack="False" ChildGroupHeight="458px">
                                    <Items>
                                        <telerik:RadPanelItem runat="server" PostBack="False">
                                            <ItemTemplate>
                                                <asp:PlaceHolder ID="RightPanel5" runat="server"></asp:PlaceHolder>
                                            </ItemTemplate>
                                        </telerik:RadPanelItem>
                                    </Items>
                                </telerik:RadPanelItem>
                            </Items>
                            <ExpandAnimation Type="InOutBounce" Duration="100"></ExpandAnimation>
                        </telerik:RadPanelBar>
                    </telerik:RadPane>
                </telerik:RadSplitter>
        </div>
    </asp:Content>
  5. Sudhakar
    Sudhakar avatar
    9 posts
    Member since:
    Jul 2013

    Posted 09 Dec 2013 Link to this post

    Help from anyone would be appreciated..
    Thanks
    Sudhakar
  6. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 12 Dec 2013 Link to this post

    Hello Sudhakar,

    I tested the code that you provided with the 2009.3.1314.35 version of the RadControls and I placed few labels in the ItemContent of the RadPanelItem but I was not able to replicate the issue that you describe. Here is short video of the current behavior that I get. As a side note I would also like to let you know that we no longer provide support for the version that you are referring to as fully explained in the following post - Telerik's Support Lifecycle Policy.

    Regards,
    Kate
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  7. Sudhakar
    Sudhakar avatar
    9 posts
    Member since:
    Jul 2013

    Posted 10 Feb 2014 in reply to Kate Link to this post

    Hi,

    Sorry for the delayed response.
    Attached are the screenshots of the issue.
    It would be appreciated, if you give me a hint of the cause.

    Thanks
    Sudhakar
  8. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 11 Feb 2014 Link to this post

    Hello Sudhakar,

    Since the provided code in not sufficient to replicate the issue that you describe I would kindly ask you to open a support ticket where you can attach a very simplified runnable project along with the assembly files that you are using. Thus I could inspect you particular case locally and assist you in the most efficient way in resolving the issue that you are currently experiencing.

    Regards,
    Kate
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the UI for ASP.NET AJAX, subscribe to the blog feed now.
  9. Sudhakar
    Sudhakar avatar
    9 posts
    Member since:
    Jul 2013

    Posted 11 Feb 2014 in reply to Kate Link to this post

    Hi,

    To add more details to the issue, it works fine in IE 8 and the problem is only with IE 10. Is it the expected behavior in IE 10?

    Thanks
    Sudhakar
  10. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 12 Feb 2014 Link to this post

    Hello Sudhakar,

    Indeed with the 2009 version of the Telerik controls you might get issues in IE10 browser since at the time we release the 2009 version, the IE10 browser had not been launched.

    Please note also that in order to get full support of the Telerik controls in the new browsers you will need to use any of the latest versions of the controls.

    Regards,
    Kate
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the UI for ASP.NET AJAX, subscribe to the blog feed now.
  11. Sudhakar
    Sudhakar avatar
    9 posts
    Member since:
    Jul 2013

    Posted 12 Feb 2014 in reply to Kate Link to this post

    I also found that, when I implement RAD Panels with Multiple Expanded Items mode, the panels are rendering fine but not with Single Expanded Mode.

    So the conclusion is, we might get issues in IE 10 with 2009 of RAD controls.

    Our application is developed in .Net Framework 3.5, so which version we need to upgrade and what is the cost?

    Thanks
    Sudhakar
  12. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 17 Feb 2014 Link to this post

    Hello Sudhakar,

    Indeed what I recommend is an upgrade to the latest version of ASP.NET AJAX controls that is fully compatible with the latest browser versions. However, I would also like to let you know that the RadControls for ASP.NET AJAX suite has evolved greatly in the past 5 years. The .net2 dlls (e.g., RadComboBox.Net2.dll) have been deprecated for quite some time because they are part of the old suite, dubbed "RadControls for ASP Classic" that has been discontinued in favor of the AJAX-based offering.

    To ease such migration most controls have an article that outlines the main changes, like this one: http://www.telerik.com/help/aspnet-ajax/combobox-overview-migrating.html or this one: http://www.telerik.com/help/aspnet-ajax/window-overview-migrating-from-classic-to-prometheus.html. They are named in a similar fashion and are at the beginning of the section for each control.

    Unfortunately there is no quick or automated way to perform this migration. One of the easiest ways to avoid it is to always stay up to date and perform upgrades often. This has the added benefit that support for new browsers, all bugfixes and new features will also be available sooner. Also, if there are any important/breaking changes with a new release their number will be smaller and manageable in comparison to e 4+ years leap.

    Regards,
    Kate
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the UI for ASP.NET AJAX, subscribe to the blog feed now.
  13. Sudhakar
    Sudhakar avatar
    9 posts
    Member since:
    Jul 2013

    Posted 17 Feb 2014 in reply to Kate Link to this post

    Hi Kate,

    From your linked URL (for migration), I found that we already use the directive of Telerik.Web.UI. So I am little confused here, how come I use this Directive with 2009 version. Can you please clarify?

    Replace the classic RadWindow's directive <%@ Register Assembly="RadWindow.NET2" Namespace="Telerik.WebControls" TagPrefix="radW" %> with the new one of RadWindow for ASP.NET AJAX :<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
  14. Plamen
    Admin
    Plamen avatar
    2733 posts

    Posted 21 Feb 2014 Link to this post

    Hi Sudhakar,

    From the way the issue is described it in not quite clear what may be causing the unusual behavior. I would just want to clarify that the declaratives that you use point to the assembly and namespace used and after that set the tagprefix that will be used in the mark up of the controls. That is why the only way for the updated declarative to work correctly would be if it has access to the Telerik.Web.UI dll and the controls used are with prefix "telerik".

    Hope this will help you find out what is causing the issue.

    Regards,
    Plamen
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the UI for ASP.NET AJAX, subscribe to the blog feed now.
  15. Sudhakar
    Sudhakar avatar
    9 posts
    Member since:
    Jul 2013

    Posted 25 Mar 2014 in reply to Plamen Link to this post

    Hi,

    Sorry for the late reply. I was on a vacation.

    Lately we noticed that, this issue occurs even in IE 8. Have RAD controls version 2009 be validated with IE 8 and is it compatible?

    Thanks
    Sudhakar
  16. Plamen
    Admin
    Plamen avatar
    2733 posts

    Posted 27 Mar 2014 Link to this post

    Hi Sudhakar,

    Thank you for getting back to us.

    The official release of IE8 is on March 19, 2009 so the versions of our controls after that should support IE8 but since by that time it was a new browser it is may have been introducing some unexpected bugs. That is why in such scenarios in order to be compatible with all browsers we kindly recommend updating to latest version.

    Hope this will explain the issue. If you have further questions I will be glad to assist you again.

    Regards,
    Plamen
    Telerik
     

    Build cross-platform mobile apps using Visual Studio and .NET. Register for the online webinar on 03/27/2014, 11:00AM US ET.. Seats are limited.

     
  17. Sudhakar
    Sudhakar avatar
    9 posts
    Member since:
    Jul 2013

    Posted 28 Mar 2014 in reply to Plamen Link to this post

    Thanks for the details.

    We are in the process of getting license for the latest version. Our application is built on .Net Framework 3.5. Which version of RAD controls, do you suggest?

    Thanks
    Sudhakar
  18. Plamen
    Admin
    Plamen avatar
    2733 posts

    Posted 31 Mar 2014 Link to this post

    Hello Sudhakar,

    We always recommend using the latest official version of our controls which in this case Q1 2014 (version 2014.1.225) - February 26, 2014 but you could also use the SP1 version which will be out later this week.

    Regards,
    Plamen
    Telerik
     

    Build cross-platform mobile apps using Visual Studio and .NET. Register for the online webinar on 03/27/2014, 11:00AM US ET.. Seats are limited.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017