Share via

createButtonAt Method

  • Article

Creates a ToolbarButton on the Toolbar at the specified index.

Syntax

ToolbarButton = TOOLBAR.createButtonAt(iIndex)

Parameters

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

Return Value

The ToolbarButton that is created by the method.

Example

The following example shows how to use the createButtonAt method to add a ToolbarButton 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.createButtonAt(index);
    // Set an attribute of the new button
    item.setAttribute("text", "Added");     
}
</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/createButtonAt.htm

Applies To

TOOLBAR

See Also

Internet Explorer WebControls, About the Toolbar WebControl