ComponentOne ASP.NET Web Forms Edition
Demos
Docs
Samples
Download
ComponentOne Wijmo Open for Juice UI
Wijmo Open for Juice UI Extender Controls
/
WijExpander
/
WijExpander Tutorial
/ Step 4 of 4: Running the Project
Collapse All
Expand All
In This Topic
ComponentOne Wijmo Open for Juice UI Overview
Juice UI
Attaching a Wijmo Extender Control to an Existing Control
Quick Start
Wijmo Open for Juice UI Extender Controls
WjAccordion
WijAccordion Properties
WijAccordion Tutorial
Step 1 of 4: Adding Accordion Content
Step 2 of 4: Adding a WijAccordion to the Page
Step 3 of 4: Customizing the Accordion
Step 4 of 4: Running the Project
WijAccordion Task-Based Help
Applying Animation to the Accordion
Changing the Direction of the Expanding Content Pane
Expanding Accordion Panes on Hover
Opening Multiple Panes Simultaneously
WijCalendar
WijCalendar Properties
WijCalendar Tutorial
Step 1 of 3: Adding a WijCalendar to the Page
Step 2 of 3: Customizing the Calendar
Step 3 of 3: Running the Project
WijCalendar Task-Based Help
Apply Built-in Date Format Patterns to Calendar Title
Displaying the Full Calendar Month Name and Year
Displaying an Abbreviated Calendar Month Name and Year
Displaying the Calendar Month Day and Year
Apply Custom Date Format Patterns to Calendar Title
Displaying Multiple Calendars
Navigation Tasks
Navigating the Calendar Using the Outer Navigation Calendar Butt
Previewing the Next Calendar Month
WijDialog
WijDialog Properties
WijDialog Tutorial
Step 1 of 4: Creating a Dialog Box
Step 2 of 4: Adding a WijDialog to the Page
Step 3 of 4: Customizing the Dialog Box
Step 4 of 4: Running the Project
WijDialog Task-Based Help
Setting External Content
Setting Custom HTML Content
Using the Modal Dialog Window Option
Using the Modal Dialog Window Option
Creating an Alert Dialog
Creating a Confirm Dialog
Animating the Dialog Window
WijExpander
WijExpander Properties
WijExpander Tutorial
Step 1 of 4: Creating Expanding Content
Step 2 of 4: Adding a WijExpander to the Page
Step 3 of 4: Customizing the Expanding Text
Step 4 of 4: Running the Project
WijExpander Task-Based Help
Adding Animation to the Expander
Displaying External Content in the Expander
Setting the Expand Direction at Run Time
FormDecorators
FormDecorator Extender Controls Tutorial
Step 1 of 3: Setting up the Project
Step 2 of 3: Adding the Extender Controls to the Page
Step 3 of 3: Running the Project
WijList
WijList Properties
WijList Tutorial
Step 1 of 3: Creating the List
Step 2 of 3: Customizing the List
Step 3 of 3: Running the Project
WijList Task-Based Help
Multiple Selection in a List
WijMenu
WijMenu Properties
WijMenu Tutorial
Step 1 of 4: Creating the Menu
Step 2 of 4: Adding a WijMenu to the Page
Step 3 of 4: Customizing the Menu
Step 4 of 4: Running the Project
WijMenu Task-Based Help
Using Custom Icons with Wijmenu
Changing the Menu's Orientation
Setting Menu Functions
Setting Menu Triggers
Changing the Position of the Submenus
Using Menu Templates
Animating the Menu
WijProgressBar
WijProgressBar Properties
WijProgressBar Tutorial
Step 1 of 3: Adding a WijProgressBar to the Project
Step 2 of 3: Customizing the Progress Bar
Step 3 of 3: Running the Project
WijProgressBar Task-Based Help
Changing the Fill Direction of the Progress Bar
WijSlider
WijSlider Properties
WijSlider Tutorial
Step 1 of 3: Adding a WijSlider to the Project
Step 2 of 3: Customizing the Slider Bar
Step 3 of 3: Running the Project
WijSlider Task-Based Help
Setting WijSlider's Thumbs
Setting WijSlider's Range
Setting WijSlider's DragFill Behavior
WijSplitter
WijSplitter Properties
WijSplitter Tutorial
Step 1 of 3: Adding WijSplitter Controls to the Project
Step 2 of 3: Customizing the Splitters
Step 3 of 3: Running the Project
WijSplitter Task-Based Help
Creating a Full-Sized Splitter
Creating a Horizontal or Vertical Splitter
Setting the Location of the Splitter
WijSuperPanel
WijSuperPanel Properties
WijSuperPanel Tutorial
Step 1 of 4: Creating the Panel
Step 2 of 4: Adding a WijSuperPanel to the Page
Step 3 of 4: Customizing the WijSuperPanel
Step 4 of 4: Running the Project
WijSuperPanel Task-Based Help
Applying Animation to the SuperPanel
Hiding Vertical Scrolling
Resizing the SuperPanel
WijTabs
WijTabs Properties
WijTabs Tutorial
Step 1 of 4: Setting up the Panel
Step 2 of 4: Adding a Tabs Extender to the Page
Step 3 of 4: Customizing the Tabs
Step 4 of 4: Running the Project
WijTabs Task-Based Help
Opening Tabs on Hover
Setting the Tab Location
Setting Tab Animation
WijTooltip
WijTooltip Properties
WijTooltip Tutorial
Step 1 of 3: Adding a WijTooltip
Step 2 of 3: Customizing the Tooltip
Step 3 of 3: Running the Project
WijVideo
WijVideo Properties
WijVideo Tutorial
Step 1 of 3: Adding a WijVideo to the Page
Step 2 of 3: Adding a Video
Step 3 of 3: Running the Project
C1.Web.Wijmo.Controls.45 Assembly
Step 4 of 4: Running the Project
In This Topic
Press
F5
to run the project and view the following:
Notice the expanding text is collapsed.
Click the
HEADER
to expand the text and notice the
bounce
animation effect.
