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

Panelbar Bug in 2009/1?

1 Answer 93 Views

PanelBar

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

Andreas Kaech asked on 28 Mar 2009, 04:05 PM

Hi Telerik,
I have a Panelbar in a 100% Height Splitter. ExpandMode="FullExpandedItem" Height="100%".
When I implement a RadAjaxManager, the height of the PanelBar in Firefox "shrinks".

    
               <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">  
        
                    <AjaxSettings> 
        
                        <telerik:AjaxSetting AjaxControlID="PanelBar">  
        
                            <UpdatedControls> 
        
                                <telerik:AjaxUpdatedControl ControlID="PanelBar" /> 
        
                                <telerik:AjaxUpdatedControl ControlID="litContent" /> 
        
                                <telerik:AjaxUpdatedControl ControlID="litComment" /> 
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting> 
        
                    </AjaxSettings> 
        
                </telerik:RadAjaxManager>

I hope, you can reproduce this.

Best regards,
Andreas

1 Answer, 1 is accepted

answered on 31 Mar 2009, 02:10 PM

Hello Andreas,

Please find below a sample code snippet that shows the needed approach.

    
            <html xmlns="http://www.w3.org/1999/xhtml">  
        
            <head runat="server">  
        
                <title></title>  
        
                <style type="text/css">  
        
                    html, body, form  
        
                    {  
        
                        height: 100%;  
        
                        margin: 0;  
        
                    }  
        
                    #RadPanelBar1Panel  
        
                    {  
        
                        height: 100%;  
        
                    }  
        
                </style> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                <telerik:RadScriptManager ID="RadScriptManager1" runat="server">  
        
                </telerik:RadScriptManager> 
        
                <telerik:RadSplitter ID="RadSplitter1" runat="server" Width="100%" Height="100%">  
        
                    <telerik:RadPane ID="RadPane1" runat="server" Height="100%" Width="500px">  
        
                        <telerik:RadPanelBar ID="RadPanelBar1" runat="server" ExpandMode="FullExpandedItem" 
        
                            Width="100%" Height="100%" OnItemClick="RadPanelBar1_ItemClick">  
        
                            <Items> 
        
                                <telerik:RadPanelItem runat="server" Text="Root RadPanelItem1" Expanded="true">  
        
                                    <Items> 
        
                                        <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1">  
        
                                        </telerik:RadPanelItem> 
        
                                        <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2">  
        
                                        </telerik:RadPanelItem> 
        
                                    </Items> 
        
                                </telerik:RadPanelItem> 
        
                                <telerik:RadPanelItem runat="server" Text="Root RadPanelItem2">  
        
                                    <Items> 
        
                                        <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1">  
        
                                        </telerik:RadPanelItem> 
        
                                        <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2">  
        
                                        </telerik:RadPanelItem> 
        
                                    </Items> 
        
                                </telerik:RadPanelItem> 
        
                                <telerik:RadPanelItem runat="server" Text="Root RadPanelItem3">  
        
                                    <Items> 
        
                                        <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1">  
        
                                        </telerik:RadPanelItem> 
        
                                    </Items> 
        
                                </telerik:RadPanelItem> 
        
                            </Items> 
        
                        </telerik:RadPanelBar> 
        
                    </telerik:RadPane> 
        
                    <telerik:RadPane ID="RadPane2" runat="server">  
        
                        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> 
        
                    </telerik:RadPane> 
        
                </telerik:RadSplitter> 
        
                <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">  
        
                    <AjaxSettings> 
        
                        <telerik:AjaxSetting AjaxControlID="RadPanelBar1">  
        
                            <UpdatedControls> 
        
                                <telerik:AjaxUpdatedControl ControlID="RadPanelBar1" /> 
        
                                <telerik:AjaxUpdatedControl ControlID="Label1" /> 
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting> 
        
                    </AjaxSettings> 
        
                </telerik:RadAjaxManager> 
        
                </form> 
        
            </body> 
        
            </html>

All the best,
Paul
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.