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

Panelbar Bug in 2009/1?

1 Answer 73 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
Andreas Kaech
Top achievements
Rank 1
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

Sort by
0
Paul
Telerik team
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.
Tags
PanelBar
Asked by
Andreas Kaech
Top achievements
Rank 1
Answers by
Paul
Telerik team
Share this question
or