ComponentOne Wijmo Open for Juice UI
Quick Start / Step 2 of 3: Using WijAccordion
In This Topic
    Step 2 of 3: Using WijAccordion
    In This Topic

    In this step, you will add an WijAccordion control to associate with the panel to create the accordion and set some of its properties.

    1. While still in Source view, use the following markup to add a WijAccordion control to the page and set the TargetControlID to Panel1.
      Copy Code 
      <cc1:WijAccordion ID="Panel1_WijAccordion" runat="server"

        TargetControlID="Panel1">

</cc1:WijAccordion>
    2. Select View | Properties Window in the Visual Studio menu.
    3. Click the drop-down list at the top of the window and select Panel1_WijAccordion.
    4. Next to the ExpandDirection property, click the drop-down arrow and select Right.
    5. Expand the Animated node and set Effect to fade.

    In the next step, run the project to see your accordion.