Radpanel bar

[Ayesha]

Hi,,
I'm using RadPanelBar and I need to have 3 radpanelitems and in each radpanel item, i'm having a radgrid.
1) how do i get the arrow on the radpanel item(i'm not gettin that image)

2) I need only one radpanelitem to be seen at a time. if i select a radpanelitem, theremaining shoul collapse. how do i do this.

3)once when a radpanel item is already expaned with its rid visible, again clciking on the same radpanel item should collapse it. how do i do this?? pls help me with these 2 questions.

Pls find my ascx code where i implemented this. 

 

<telerik:RadPanelBar ID="m_ctlRecipientPanelBar" runat="server"

 

 

Skin="Outlook"

 

 

 

EnableViewState="true"

 

 

ExpandMode="SingleExpandedItem"

 

 

onitemclick="ctlPanelBar_ItemClick"

 

 

Width="100%"

 

 

Height ="100%" >

 

 

 

 

 

<Items>

 

 

 

<telerik:RadPanelItem runat="server"

 

 

Text="Recipient Group"

 

 

Expanded="true"

 

 

EnableViewState="true"

 

 

 

Value= "RadPanelRecipientGroup">

 

 

 

<ItemTemplate>

 

 

 

<telerik:RadGrid ID="m_radRecipientGroupGrid" runat="server"

 

 

BorderStyle="Solid"

 

 

BorderWidth="1px"

 

 

CellPadding="0"

 

 

AllowMultiRowSelection="True"

 

 

HorizontalAlign="Left"

 

 

GridLines="Horizontal">

 

 

 

<MasterTableView AllowPaging="true" AllowSorting="true" AllowFilteringByColumn="true"

 

 

PagerStyle-Mode="NextPrevNumericAndAdvanced" PageSize="10">

 

 

 

 

<Columns>

 

 

<telerik:GridClientSelectColumn Reorderable="False" UniqueName="ClientSelectColumn">

 

 

<HeaderStyle Width="20px">

 

 

</HeaderStyle>

 

 

 

</telerik:GridClientSelectColumn>

 

 

 

</Columns>

 

 

 

</MasterTableView>

 

 

<ClientSettings>

 

 

<Scrolling AllowScroll="True"

 

 

UseStaticHeaders="True" />

 

 

<Selecting AllowRowSelect="true" />

 

 

 

</ClientSettings>

 

 

</telerik:RadGrid>

 

 

</ItemTemplate>

 

 

</telerik:RadPanelItem>

 

 

 

 

<telerik:RadPanelItem runat="server"

 

 

Text="Recipient Search"

 

 

EnableViewState="true"

 

 

Value = "RadPanelRecipientSearch">

 

 

<ItemTemplate>

 

 

<telerik:RadGrid ID="m_radRecipientSearchGrid" runat="server"

 

 

BorderStyle="Solid"

 

 

BorderWidth="1px"

 

 

CellPadding="0"

 

 

AllowMultiRowSelection="True"

 

 

 

HorizontalAlign="Left"

 

 

GridLines="Horizontal">

 

 

 

<MasterTableView AllowPaging="true" AllowSorting="true" AllowFilteringByColumn="true"

 

 

PagerStyle-Mode="NextPrevNumericAndAdvanced" PageSize="10">

 

 

 

 

<Columns>

 

 

<telerik:GridClientSelectColumn Reorderable="False" UniqueName="ClientSelectColumn">

 

 

<HeaderStyle Width="20px">

 

 

</HeaderStyle>

 

 

 

</telerik:GridClientSelectColumn>

 

 

 

</Columns>

 

 

 

</MasterTableView>

 

 

<ClientSettings>

 

 

<Scrolling AllowScroll="True"

 

 

UseStaticHeaders="True" />

 

 

<Selecting AllowRowSelect="true" />

 

 

 

</ClientSettings>

 

 

</telerik:RadGrid>

 

 

 

</ItemTemplate>

 

 

 

</telerik:RadPanelItem>

 

 

<telerik:RadPanelItem runat="server" Text="Recipients" EnableViewState="true">

 

 

 

</telerik:RadPanelItem>

 

 

</Items>

 

 

</telerik:RadPanelBar>

Pls help me .

Thanks,
ZR

 

[Paul]

Hello Zaheka,

Please find below your modified code snippet that shows the needed approach.

<telerik:RadPanelBar ID="m_ctlRecipientPanelBar" runat="server" Skin="Outlook" EnableViewState="true"
        ExpandMode="SingleExpandedItem" Width="100%" Height="100%">
        <Items>
            <telerik:RadPanelItem runat="server" Text="Recipient Group" Expanded="true" EnableViewState="true"
                PreventCollapse="false" Value="RadPanelRecipientGroup">
                <Items>
                    <telerik:RadPanelItem runat="server" Value="templateHolder1">
                        <ItemTemplate>
                            grid1
                        </ItemTemplate>
                    </telerik:RadPanelItem>
                </Items>
            </telerik:RadPanelItem>
            <telerik:RadPanelItem runat="server" Text="Recipient Search" EnableViewState="true"
                Value="RadPanelRecipientSearch">
                <Items>
                    <telerik:RadPanelItem runat="server" Value="templateHolder2">
                        <ItemTemplate>
                            grid2
                        </ItemTemplate>
                    </telerik:RadPanelItem>
                </Items>
            </telerik:RadPanelItem>
            <telerik:RadPanelItem runat="server" Text="Recipients" EnableViewState="true">
            </telerik:RadPanelItem>
        </Items>
    </telerik:RadPanelBar>

In addition, this is the default behaviour when the panelbar is in SingleExpandedItem mode - there should always be one item expanded.

All the best,
Paul
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.