RadPanelBar for ASP.NET
Table of Contents
  • Introduction
  • What's New
  • Licensing
  • Installation and deployment
  • DNN
  • Getting Started
  • Feature overview
  • New to Telerik RadPanelBar?
  • Already using the control
  • AJAX support
  • ASP.NET 2.0 features
  • Data Binding
  • Telerik RadPanelBar client-side
  • Telerik RadPanelBar server-side
  • Example scenarios (How to)
  • Controlling the visual appearance
  • Defining the Telerik RadPanelBar structure
  • Custom Attributes
  • Templates
  • Troubleshooting
  • API Reference
  • Get more help
Getting Started Send comments on this topic.

Glossary Item Box

This topic shows how to create a simple panelbar only in design-time.<_o3a_p>

Creating a simple panelbar

  1. Drag and drop a Telerik RadPanelBar instance onto the page
  2. Build the panelbar through the Telerik RadPanelBarbuilder
  3. Click the panelbar Smart Tag anchor
  4. <_o3a_p>Choose Build RadPanelBar...
  5. Add panel items through the Telerik RadPanelBar builder dialog


  6. Press OK to confirm
  7. Apply Skin to the control using the Auto Format dialog box
    In order to see the Auto Format option you will have to you also need to manually copy the PanelBar subfolder under the RadControls folder from the Telerik RadPanelBar installation folder to the root folder of your web application.
  8. <_o3a_p>Choose Auto Format from the Smart Tag
  9. Select the desired Skin from the Auto Format dialog box
  10. Press OK to confirm
  11. Add template to the first child panel-item
  12. Choose Edit Templates from the Telerik RadPanelBar Smart Tag
  13. Choose the first panel item
  14. Add content to the Child RadPanelItem 1's template
  15. When finished, select End Template Editing from the Smart Tag


  16. The final result is looking like

    17. Binding Telerik RadPanelBar to an AccessDataSource

    1. Drag and drop an AccessDataSource control onto the page where the panel resides



    2. Configure the AccessDataSource through its Smart Tag
    3. 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 RadPanelBar through the Telerik RadPanelBar Smart Tag

    8. In the Telerik RadPanelBar Properties grid set the DataFieldID, DataFieldParentID and DataTextField
    9. The final will look like this: