This is a migrated thread and some comments may be shown as answers.
Radpanel bar
1 Answer 44 Views
This is a migrated thread and some comments may be shown as answers.
Ayesha
Top achievements
Rank 1
Ayesha asked on 26 Jul 2009, 02:54 AM
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

 

1 Answer, 1 is accepted

Sort by
0
Paul
Telerik team
answered on 29 Jul 2009, 12:12 PM
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.
Asked by
Ayesha
Top achievements
Rank 1
Answers by
Paul
Telerik team
Share this question
or