RadTabStrip for ASP.NET
Table of Contents
  • At a glance
  • Licensing
  • Installation and deployment
  • DNN
  • New to Telerik RadTabStrip?
  • Already using the control
  • Standards compliance
  • AJAX Support
  • Feature overview
  • Getting Started
  • ASP.NET 2.0 features
  • Defining the Telerik RadTabStrip structure
  • Data binding
  • Controlling the visual appearance
  • Using Telerik RadMultiPage
  • Example scenarios
  • Telerik RadTabStrip client-side
  • Telerik RadTabStrip server-side
  • Trouble shooting
  • API Reference
  • Get more help
Getting Started Send comments on this topic.

Glossary Item Box

This topic shows how to create a simple tabstrip only in design-time.

Creating a simple tabstrip

  1. Drag and drop RadTabStrip and RadMutiPage instances onto the page


  2. Build the tabstrip through the Telerik RadTabStripbuilder
  3. Click the tabstrip Smart Tag anchor
  4. Choose Edit Tabs...
  5. Add tabs through the Telerik RadTabStrip Builder dialog
  6. Press OK ti confirm
  7. Apply Skin to the control using the Auto Format dialog box
  8. Choose Auto Format from the Smart Tag
  9. Select the desired Skin from the Auto Format dialog box
  10. Press OK to confirm
  11. The changed appearance will be reflected in design time right away

  12. Add PageViews from the toolbox to the RadMultiPage by dragging and dropping the PageViews onto the RadMultiPage
  13. Add Content to the PageViews by dragging and dropping items from the toolbox
  14. Set the MultiPageID property of RadTabStrip to the ID of the RadMultiPage instance
  15. Right-click the tabstrip and select Properties
  16. Properties Grid will appear
  17. Set the MultiPageID property from the drop-down

  18. The final result is looking like
  19. First tab selected
  20. Second tab selected
  21. Third tab selected

    22. Binding Telerik RadTabStrip to an AccessDataSource

    1. Drag and drop an AccessDataSource control onto the page where the tabstrip resides
    2. Configure the AccessDataSource through its Smart Tag
    3. <_o3a_p>Press the Smart Tag anchor and then Configure DataSource
    4. Browse the Access Data File and press Next to confirm


    5. Specify the columns from a table and press Next to confirm




    6. Press Finish


    7.  Choose the DataSource for Telerik RadTabStrip through the Telerik RadTabStrip Smart Tag

    8. In the Telerik RadTabStrip properties grid set the DataFieldID and DataTextField (flat DataBinding). Hierarchal DataBinding is also supported.
    9. The final result is looking like
      <_o3a_p>