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

RadPanel controls does not paint labels and controls properly

16 Answers 63 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
Sudhakar
Top achievements
Rank 1
Sudhakar asked on 19 Nov 2013, 05:22 PM
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

16 Answers, 1 is accepted

Sort by
0
Kate
Telerik team
answered on 20 Nov 2013, 01:06 PM
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.
0
Sudhakar
Top achievements
Rank 1
answered on 20 Nov 2013, 02:36 PM
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>
0
Sudhakar
Top achievements
Rank 1
answered on 09 Dec 2013, 03:53 PM
Help from anyone would be appreciated..
Thanks
Sudhakar
0
Kate
Telerik team
answered on 12 Dec 2013, 03:37 PM
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.
0
Sudhakar
Top achievements
Rank 1
answered on 10 Feb 2014, 08:14 PM
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
0
Kate
Telerik team
answered on 11 Feb 2014, 09:20 AM
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.
0
Sudhakar
Top achievements
Rank 1
answered on 11 Feb 2014, 02:59 PM
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
0
Kate
Telerik team
answered on 12 Feb 2014, 12:45 PM
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.
0
Sudhakar
Top achievements
Rank 1
answered on 12 Feb 2014, 10:48 PM
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
0
Kate
Telerik team
answered on 17 Feb 2014, 11:46 AM
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.
0
Sudhakar
Top achievements
Rank 1
answered on 17 Feb 2014, 05:21 PM
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" %>
0
Plamen
Telerik team
answered on 21 Feb 2014, 07:49 AM
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.
0
Sudhakar
Top achievements
Rank 1
answered on 25 Mar 2014, 08:51 PM
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
0
Plamen
Telerik team
answered on 27 Mar 2014, 03:09 PM
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.

 
0
Sudhakar
Top achievements
Rank 1
answered on 28 Mar 2014, 06:35 PM
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
0
Plamen
Telerik team
answered on 31 Mar 2014, 10:52 AM
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.

 
Tags
PanelBar
Asked by
Sudhakar
Top achievements
Rank 1
Answers by
Kate
Telerik team
Sudhakar
Top achievements
Rank 1
Plamen
Telerik team
Share this question
or