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

open pannel

1 Answer 43 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
Eva
Top achievements
Rank 1
Eva asked on 09 Sep 2011, 12:06 AM

Can we open a pannel from a button click?

1 Answer, 1 is accepted

Sort by
0
Cat Cheshire
Top achievements
Rank 1
answered on 12 Sep 2011, 10:07 AM
The PanelBar items have a property called "Expanded" that you can use for expanding them with a server-side code.
At client-side the corresponding property is called set_expanded:
<telerik:RadPanelBar runat="server"  ID="RadPanelBar1" Height="300px">
        <Items>
            <telerik:RadPanelItem  Text="ASP.NET controls">
                <Items>
                    <telerik:RadPanelItem Text="RadMenu" Value="1">
                    </telerik:RadPanelItem>
                    <telerik:RadPanelItem Text="RadTabStrip">
                    </telerik:RadPanelItem>
                    <telerik:RadPanelItem Text="RadPanelBar">
                    </telerik:RadPanelItem>
                    <telerik:RadPanelItem Text="RadTreeView">
                    </telerik:RadPanelItem>
                </Items>
            </telerik:RadPanelItem>
            <telerik:RadPanelItem Text="WinForms controls">
                <Items>
                    <telerik:RadPanelItem Text="RadMenustrip">
                    </telerik:RadPanelItem>
                    <telerik:RadPanelItem Text="RadTabStrip">
                    </telerik:RadPanelItem>
                    <telerik:RadPanelItem Text="RadToolStrip">
                    </telerik:RadPanelItem>
                </Items>
            </telerik:RadPanelItem>
            <telerik:RadPanelItem Text="Other projects">
                <Items>
                    <telerik:RadPanelItem Text="SiteFinity">
                    </telerik:RadPanelItem>
                    <telerik:RadPanelItem Text="Reporting">
                    </telerik:RadPanelItem>
                    <telerik:RadPanelItem Text="RadAjax">
                    </telerik:RadPanelItem>
                </Items>
            </telerik:RadPanelItem>
        </Items>
    </telerik:RadPanelBar>
<script type="text/javascript">
    function ExpandFirst() {
        var panelBar = $find("<%=RadPanelBar1.ClientID %>");
        panelBar.get_items().getItem(0).set_expanded(true);
 
    }
</script>
<input type="button" value="expand first item" onclick="ExpandFirst();" />
<asp:Button ID="btnExpand" runat="server" Text="expand last item"
    OnClick="btnExpand_OnClick" />

protected void btnExpand_OnClick(object sender, EventArgs e)
{
    this.RadPanelBar1.Items[2].Expanded = true;
}
Tags
PanelBar
Asked by
Eva
Top achievements
Rank 1
Answers by
Cat Cheshire
Top achievements
Rank 1
Share this question
or