To create collapsible and expandable panels, the splitter bar requires either the CollapseImageUrl and ExpandImageUrl properties or a built-in splitter image applied to the splitter bar to generate the expand/collapse functions.
When a collapsible and expandable splitter is created it can have four states. Each state is determined by its property setting and user action.
The following table lists the four available image states:
|
Image State |
Property Setting |
Description |
|
Collapsed Normal |
CollapseImageUrl = ~/Images/imagename.gif |
Mouse does not hover over collapsed image bar. |
|
Collapsed Hover |
CollapseHoverImageUrl = ~/Images/imagename.gif |
Mouse hovers over collapsed image bar. |
|
Expanded Normal |
ExpandImageUrl = ~/Images/imagename.gif |
Mouse does not hover over expanded image bar. |
|
Expanded Hover |
ExpandHoverImageUrl = ~/Images/imagename.gif |
Mouse hovers over expanded image bar. |
|
