Telerik Forums / UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.
Panel Behavior
6 Answers 43 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
Wendy Hunt
Top achievements
Rank 2
Wendy Hunt asked on 28 Dec 2009, 09:07 PM

I have created a panelbar that has 3 sections.  The second section always comes up when the page is loaded.  I would like for the 1st to come up instead.  What properties would I set to make this happen?  I have had various properties set before and nothing has helped so far.  One that I was using is [  Selected="true"  ] for the section I wanted to open up on when the page loads, but to no avail.

<telerik:RadPanelBar runat="server" ID="RadPanelBar1" ExpandMode="SingleExpandedItem" Width="800px" Height="750px">     
        <Items>    
          <telerik:RadPanelItem Text="Project Search" runat="server" Selected="true" Font-Bold="true">      
            <Items>    
              <telerik:RadPanelItem Value="ProjectSearch" runat="server">     
                <ItemTemplate>    
                   ...     
                </ItemTemplate>    
              </telerik:RadPanelItem>    
            </Items>    
          </telerik:RadPanelItem>    
          <telerik:RadPanelItem Text="Contract Search" runat="server" Font-Bold="true">     
            <Items>    
              <telerik:RadPanelItem Value="ContractSearch" runat="server">     
                <ItemTemplate>    
                  ...     
                </ItemTemplate>    
              </telerik:RadPanelItem>    
            </Items>    
          </telerik:RadPanelItem>    
          <telerik:RadPanelItem Text="SOI Search" runat="server" Font-Bold="true">     
            <Items>    
              <telerik:RadPanelItem Value="SOISearch" runat="server">     
                <ItemTemplate>    
                  ...     
                </ItemTemplate>    
              </telerik:RadPanelItem>    
            </Items>    
          </telerik:RadPanelItem>    
        </Items>    
        <CollapseAnimation Duration="100" Type="None" />    
        <ExpandAnimation Duration="100" Type="InElastic" />    
    </telerik:RadPanelBar>   

FYI - I would like to use the aspx-side to set these properties instead of the cs-side.

Any help would be great.  Thanks!

6 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 1
answered on 29 Dec 2009, 05:54 AM
Hello Wendy,

Set the Expanded property to true for the RadPanelItem that you want to open when page is loaded.

aspx:
 
<telerik:RadPanelBar runat="server" ID="RadPanelBar1" ExpandMode="SingleExpandedItem" Width="800px" Height="750px">      
    <Items>     
      <telerik:RadPanelItem Text="Project Search" runat="server" Expanded="true" Selected="true" Font-Bold="true">       
        <Items>     
          <telerik:RadPanelItem Value="ProjectSearch" runat="server">      
            <ItemTemplate>     
               ...      
            </ItemTemplate>     
          </telerik:RadPanelItem>     
        </Items>     
      </telerik:RadPanelItem>     
      . . . 
    </Items>   
</telerik:RadPanelBar>   

-Shinu.
0
Wendy Hunt
Top achievements
Rank 2
answered on 29 Dec 2009, 02:57 PM
Hi Shinu -

It didn't work.  Any other suggestions?

Thanks!
0
Kamen Bundev
Telerik team
answered on 29 Dec 2009, 03:24 PM
Hi Wendy,

I've tested it with your markup and Expanded="true" set on your first RadPanelItem and it worked as it should. Can you post your markup after applying the fix? Thank you in advance.

Regards,
Kamen Bundev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
0
Wendy Hunt
Top achievements
Rank 2
answered on 29 Dec 2009, 04:04 PM


<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" style="z-index:1; position:absolute; top:150px;left:50px;">  
      <telerik:RadPanelBar runat="server" ID="RadPanelBar1" ExpandMode="SingleExpandedItem" Width="800px" Height="750px">  
        <Items> 
          <telerik:RadPanelItem Text="Project Search" runat="server" Expanded="true" Selected="true" Font-Bold="true">   
            <Items> 
              <telerik:RadPanelItem Value="ProjectSearch" runat="server">  
                <ItemTemplate> 
                  <div> 
                    <br /> 
                    &nbsp;&nbsp;<asp:Label ID="Label9" runat="server" Text="Project Name:" style="width: 113px; text-align: right;"></asp:Label><br /> 
                        
                    &nbsp;&nbsp;<telerik:RadComboBox ID="projectNameRadComboBox" runat="server" AutoPostBack="true"  ZIndex="99999" Width="500px" Height="150"></telerik:RadComboBox><br /> 
 
                    &nbsp;&nbsp;<asp:Label ID="Label2" runat="server" Text="Identifier:"></asp:Label><br /> 
                       
                    &nbsp;&nbsp;<asp:TextBox ID="identifierTextBox" runat="server" Width="250px"></asp:TextBox><br /> 
                      
                    &nbsp;&nbsp;<asp:Label ID="Label13" runat="server" Text="Project Group:" style="text-align: right;"></asp:Label><br /> 
                        
                    &nbsp;&nbsp;<telerik:RadComboBox ID="projectGroupRadComboBox" runat="server"  ZIndex="99999" Width="500px" Height="150"></telerik:RadComboBox><br /><br /> 
                      
                    &nbsp;&nbsp;<asp:Button ID="projectSearchButton" runat="server" Text="Search" SkinID="smallGreenButton" Width="50px" onclick="projectSearchButton_Click" /><br /> 
                    <br /> 
                    <telerik:RadGrid ID="projectRadGrid" runat="server"   
                                   
                      AllowSorting="True" GridLines="None"   
                      AllowPaging="True" AllowFilteringByColumn="True" ShowGroupPanel="True"  > 
                      <MasterTableView AutoGenerateColumns="False">  
                        <RowIndicatorColumn> 
                          <HeaderStyle Width="20px" /> 
                        </RowIndicatorColumn> 
                        <ExpandCollapseColumn> 
                          <HeaderStyle Width="20px" /> 
                        </ExpandCollapseColumn> 
 
                        <Columns> 
                            <telerik:GridBoundColumn DataField="Name" HeaderText="Name"></telerik:GridBoundColumn> 
                            <telerik:GridBoundColumn DataField="Identifier" HeaderText="Identifier"></telerik:GridBoundColumn> 
                        </Columns> 
 
                      </MasterTableView> 
                      <ClientSettings AllowDragToGroup="True">  
                        <Scrolling AllowScroll="True" UseStaticHeaders="True" /> 
                      </ClientSettings>                     
                                  
                    </telerik:RadGrid> 
                  </div> 
                </ItemTemplate> 
              </telerik:RadPanelItem> 
            </Items> 
          </telerik:RadPanelItem> 
          <telerik:RadPanelItem Text="Contract Search" runat="server" Font-Bold="true">  
            <Items> 
              <telerik:RadPanelItem Value="ContractSearch" runat="server">  
                <ItemTemplate> 
                  <div> 
                     <br /> 
                    &nbsp;&nbsp;<asp:Label ID="Label11" runat="server" Text="Contract Number:" 
                      style="width: 119px;"></asp:Label><br /> 
                    &nbsp;&nbsp;<asp:TextBox ID="contractNumberTextBox" runat="server" Width="250px"></asp:TextBox><br /> 
                      
                    &nbsp;&nbsp;<asp:CheckBox ID="executedCheckBox" runat="server" Text="Executed" 
                      style="width: 92px;" /><br /> 
                    &nbsp;&nbsp;<asp:CheckBox ID="terminatedCheckBox" runat="server" Text="Terminated" 
                      style="width: 99px;" /><br /><br /> 
                      
                    &nbsp;&nbsp;<asp:Button ID="contractSearchButton" runat="server" Text="Search" Width="50px"   
                      SkinID="smallGreenButton" onclick="contractSearchButton_Click" /><br /><br /> 
                      
                    <telerik:RadGrid ID="contractRadGrid" runat="server"   
                        GridLines="None" AllowSorting="True"   
                        AllowFilteringByColumn="True" AllowPaging="True" ShowGroupPanel="True"  > 
                      <MasterTableView AutoGenerateColumns="False">  
                        <RowIndicatorColumn> 
                          <HeaderStyle Width="20px" /> 
                        </RowIndicatorColumn> 
                        <ExpandCollapseColumn> 
                          <HeaderStyle Width="20px" /> 
                        </ExpandCollapseColumn> 
 
                        <Columns> 
                            <telerik:GridBoundColumn DataField="ContractNumber" HeaderText="Contract #"></telerik:GridBoundColumn> 
                            <telerik:GridBoundColumn DataField="Executed" HeaderText="Executed"></telerik:GridBoundColumn> 
                            <telerik:GridBoundColumn DataField="Terminated" HeaderText="Terminated"></telerik:GridBoundColumn> 
                            <telerik:GridBoundColumn DataField="RequestedBy" HeaderText="Requested By"></telerik:GridBoundColumn> 
                              
                        </Columns> 
                        
                      </MasterTableView> 
                      <ClientSettings AllowDragToGroup="True">  
                        <Scrolling AllowScroll="True" UseStaticHeaders="True" /> 
                      </ClientSettings> 
                    </telerik:RadGrid> 
        
 
                  </div> 
                </ItemTemplate> 
              </telerik:RadPanelItem> 
            </Items> 
          </telerik:RadPanelItem> 
          <telerik:RadPanelItem Text="SOI Search" runat="server" Font-Bold="true">  
            <Items> 
              <telerik:RadPanelItem Value="SOISearch" runat="server">  
                <ItemTemplate> 
                  <div> 
                    <br /> 
                     &nbsp;&nbsp;<asp:Label ID="Label4" runat="server" Text="Tier:"></asp:Label><br /> 
                    &nbsp;&nbsp;<telerik:RadComboBox ID="tierRadComboBox" runat="server" ZIndex="99999" EnableViewState="True" 
                      Width="350px" Height="150">  
                    </telerik:RadComboBox><br /> 
                      
                    &nbsp;&nbsp;<asp:Label ID="Label5" runat="server" Text="Lead Organization:" 
                      style="width: 123px; text-align: right;"></asp:Label><br /> 
                    &nbsp;&nbsp;<telerik:RadComboBox ID="leadOrganizationRadComboBox" runat="server" ZIndex="99999" EnableViewState="True" 
                      Width="350px" Height="150">  
                    </telerik:RadComboBox> <br /> 
                      
                    &nbsp;&nbsp;<asp:Label ID="Label6" runat="server" Text="Project Group:" 
                      style="text-align: right; width: 121px;"></asp:Label><br /> 
                    &nbsp;&nbsp;<telerik:RadComboBox ID="projectGroup2RadComboBox" runat="server" ZIndex="99999" 
                      Width="350px" Height="150">  
                    </telerik:RadComboBox><br /> 
                      
                    &nbsp;&nbsp;<asp:Label ID="Label7" runat="server" Text="Submit Date:" 
                      style="width: 94px;"></asp:Label><br /> 
                    &nbsp;&nbsp;<telerik:RadDatePicker ID="submitDateRadDatePicker" runat="server"   
                      SkinID="greenTelerikCalendar" > 
                    </telerik:RadDatePicker><br /> 
                      
                    &nbsp;&nbsp;<asp:Label ID="Label10" runat="server" Text="Participating Entity:" 
                      style="width: 131px;"></asp:Label><br /> 
                    &nbsp;&nbsp;<telerik:RadComboBox ID="participatingEntityRadComboBox" runat="server" ZIndex="99999" 
                      Width="350px" Height="150">  
                    </telerik:RadComboBox><br /> 
                              
                    &nbsp;&nbsp;<asp:Label ID="Label15" runat="server" Text="Requesting Entity:" 
                      style="width: 133px;"></asp:Label><br /> 
                    &nbsp;&nbsp;<telerik:RadComboBox ID="requestingEntityRadComboBox" runat="server" ZIndex="99999" 
                      Width="350px" Height="150">  
                    </telerik:RadComboBox><br /><br />          
                      
                    &nbsp;&nbsp;<asp:Button ID="SOISearchButton" runat="server" Text="Search"   
                      onclick="SOISearchButton_Click" SkinID="smallGreenButton" Width="50px" /><br /><br /> 
                      
                      
                   <telerik:RadGrid ID="SoiRadGrid" runat="server"   
                      AllowSorting="True" GridLines="None"   
                      AllowFilteringByColumn="True" AllowPaging="True" ShowGroupPanel="True">  
                      <MasterTableView AutoGenerateColumns="False">  
                        <RowIndicatorColumn> 
                          <HeaderStyle Width="20px" /> 
                        </RowIndicatorColumn> 
                        <ExpandCollapseColumn> 
                          <HeaderStyle Width="20px" /> 
                        </ExpandCollapseColumn> 
 
                        <Columns> 
                            <telerik:GridBoundColumn DataField="Tier" HeaderText="Tier"></telerik:GridBoundColumn> 
                            <telerik:GridBoundColumn DataField="Org" HeaderText="Org"></telerik:GridBoundColumn> 
                            <telerik:GridBoundColumn DataField="ProjectGroup1" HeaderText="Project Group"></telerik:GridBoundColumn> 
                            <telerik:GridBoundColumn DataField="RequestingEntity" HeaderText="Req Entity"></telerik:GridBoundColumn> 
                            <telerik:GridBoundColumn DataField="SubmittalDate" HeaderText="Submittal Date"></telerik:GridBoundColumn> 
                            <telerik:GridBoundColumn DataField="ContactInfo" HeaderText="Contact Info"></telerik:GridBoundColumn> 
                            <telerik:GridBoundColumn DataField="Unredacted" HeaderText="Unredacted"></telerik:GridBoundColumn> 
                            <telerik:GridBoundColumn DataField="Redacted" HeaderText="Redacted"></telerik:GridBoundColumn> 
                        </Columns> 
                        
                      </MasterTableView> 
                      <ClientSettings AllowDragToGroup="True">  
                        <Scrolling AllowScroll="True" UseStaticHeaders="True" /> 
                      </ClientSettings> 
                    </telerik:RadGrid>   
                  </div> 
                </ItemTemplate> 
              </telerik:RadPanelItem> 
            </Items> 
          </telerik:RadPanelItem> 
        </Items> 
        <CollapseAnimation Duration="100" Type="None" /> 
        <ExpandAnimation Duration="100" Type="InElastic" /> 
    </telerik:RadPanelBar> 
  </telerik:RadAjaxPanel> 

I tried to do a view source and paste the code from the page while running but it won't let me paste that much content.

Thanks!  
wen 
0
Kamen Bundev
Telerik team
answered on 04 Jan 2010, 04:24 PM
panelbarexpanded.zip
Hello Wendy,

Happy new 2010 year.

I placed your code in a page, removed the button onclick events and tried it, but it works as expected - always showing the first RadPanelBarItem open on load/refresh. Tested in IE7/8 and Firefox. I'm attaching the resulting page for your reference.

You can't attach files to a forum thread. If you want, I can convert this thread to a support ticket in which you can attach your saved page (or you can file a new support ticket with a reference to this thread).

Regards,
Kamen Bundev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
0
Wendy Hunt
Top achievements
Rank 2
answered on 04 Jan 2010, 04:37 PM
Hi Kamen -

Thank you for your response.
I went ahead and opened a support ticket last week.  The ticket number is 269998. 

wen
Tags
PanelBar
Asked by
Wendy Hunt
Top achievements
Rank 2
Answers by
Shinu
Top achievements
Rank 1
Wendy Hunt
Top achievements
Rank 2
Kamen Bundev
Telerik team
Share this question
or