You can perform expand and collapse in WebExplorerPane. Simply click on the Up/Down
arrow at the right most part of ExplorerPane header to Expand and Collapse the ExplorerPane.
In this topic, you will learn how to enable expand/collapse from client-side.
To enable expand/collapse
- Drag a HTML button control to the WebForm.
- Create ExpandPane() function to implement expand and collapse pane.
function ExpandPane(paneId, buttonId)
{
var expPane = ISGetObject("WebExplorerPane1");
var button = ISGetObject(buttonId);
var pane = expPane.Panes.GetNamedItem(paneId);
if (pane.Collapse)
{
pane.DoExpand();
}
else
{
pane.DoCollapse();
}
}
|
- Trigger ExpandPane() using onclick on HTML
button.
<input ID="Button1" type="button" value="button" onclick="ExpandPane('barPictureTasks',
'Button1')"/>
- Run the project.