Grid inside tabstrip

3 posts, 0 answers
  1. Swarnlata Singh
    Swarnlata Singh avatar
    11 posts
    Member since:
    Oct 2009

    Posted 26 Oct 2009 Link to this post

    I want to create two tabs one with grid and one with radchart and one grid in other tab but it will be invisible .Is it possible to create all these without using usercontrol.Please give some example code.
    Thanks
  2. Mark Galbreath
    Mark Galbreath avatar
    171 posts
    Member since:
    Jul 2009

    Posted 08 Dec 2009 Link to this post

    Why don't you try it and let us know how it works out?
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 09 Dec 2009 Link to this post

    Hello Swarnalata,

    Here's an example that can probably get you started:
    aspx:
    <telerik:RadTabStrip runat="server" ID="TabStip1" MultiPageID="Multipage1" SelectedIndex="0"
            <Tabs> 
                <telerik:RadTab runat="server" Text="Grid1" PageViewID="PageView1"
                </telerik:RadTab> 
                <telerik:RadTab runat="server" Text="Chart" PageViewID="PageView2"
                </telerik:RadTab> 
                <telerik:RadTab runat="server" Text="Grid2" Visible="false" PageViewID="PageView3"
                </telerik:RadTab> 
                 
            </Tabs> 
        </telerik:RadTabStrip> 
        <telerik:RadMultiPage runat="server" ID="Multipage1" SelectedIndex="0" RenderSelectedPageOnly="false"
            <telerik:RadPageView runat="server" ID="PageView1">           
                <telerik:RadGrid runat="server" ID="Grid1" DataSourceID="SqlDataSource1" > 
                   ... 
                </telerik:RadGrid> 
                <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:MyDataBaseConnectionString %>" 
                    SelectCommand="SELECT ......"
                </asp:SqlDataSource> 
            </telerik:RadPageView>        
            <telerik:RadPageView runat="server" ID="PageView2"
                <telerik:RadChart ID="RadChart1" DataSourceID="SqlDataSource2" runat="server"  Width="465px" Height="260px" DefaultType="Pie" ...> 
                    <ChartTitle> 
                        <TextBlock Text="Total"
                        </TextBlock> 
                    </ChartTitle> 
                     <Series> 
                          <telerik:ChartSeries DataYColumn="spentMoney" Name="spentMoney" Type="Pie"
                            ...              
                          </telerik:ChartSeries> 
                     </Series>                            
                </telerik:RadChart> 
                <asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:MyDataBaseConnectionString %>" 
                    SelectCommand="SELECT ..."
                </asp:SqlDataSource>          
            </telerik:RadPageView> 
            <telerik:RadPageView runat="server" ID="PageView3" Width="460px"
               <telerik:RadGrid runat="server" ID="Grid2" DataSourceID="SqlDataSource3" > 
                  .... 
                </telerik:RadGrid> 
                <asp:SqlDataSource ID="SqlDataSource3" runat="server" ConnectionString="<%$ ConnectionStrings:MyDataBaseConnectionString %>" 
                    SelectCommand="SELECT ..."
                </asp:SqlDataSource> 
            </telerik:RadPageView> 
        </telerik:RadMultiPage> 

    Hope this helps..
    Princy.
Back to Top