Share via


createSeparatorAt Method

Creates a ToolbarSeparator on the Toolbar at the specified index.

Syntax

ToolbarSeparator = TOOLBAR.createSeparatorAt(iIndex)

Parameters

iIndex Required. Integer that specifies which index position on the Toolbar to create the ToolbarSeparator element.

Return Value

The ToolbarSeparator that is created by the method.

Example

The following example shows how to use the createSeparatorAt method to add a ToolbarSeparator object to a Toolbar.


<HTML xmlns:mytb>
<?import namespace="mytb" implementation="toolbar.htc">
<SCRIPT LANGUAGE="JScript">
function addButton(index)
{
    var item;
    // Create the button
    item = oToolBar.createSeparatorAt(index);   
}
</SCRIPT>
<BODY STYLE="font-family:verdana;font-size:x-small;">
<!-- Form controls -->
Index: <INPUT type="text" size="3" id="oIndex" value="0" ></INPUT>

<!-- Press this to add a button -->
<BUTTON onclick="addButton(oIndex.value)">
Add</BUTTON>

<!-- Here is the toolbar -->
<mytb:toolbar id="oToolBar">
<mytb:toolbarbutton imageUrl="tool-mail.gif"/>
<mytb:toolbarseparator />
<mytb:toolbarbutton imageUrl="tool-reply.gif" Text="Reply" title="Reply"/>
<mytb:toolbarbutton imageUrl="tool-reply_all.gif" Text="Reply All" 
title="Reply to All" DefaultStyle="font-weight:bold" HoverStyle="color:blue" 
SelectedStyle="color:red"/>
<mytb:toolbarbutton imageUrl="tool-forward.gif" Text="Forward" 
title="Forward" DefaultStyle="font-style:italic"/>
<mytb:toolbarseparator/>
<mytb:toolbarcheckbutton selected="true" imageurl="tool-calendar.gif" 
text="Meetings" title="Turn on meeting reminders"/>
</mytb:toolbar>
</BODY>
</HTML>

Code example: https://samples.msdn.microsoft.com/workshop/samples/webcontrols/toolbar/createSeparatorAt.htm

Applies To

TOOLBAR

See Also

Internet Explorer WebControls, About the Toolbar WebControl