# ToolbarButton Class

> Configurable toolbar button for use as a custom toolbar item.

- **Product:** TX Text Control .NET Server
- **Section:** Reference
- **Kind:** Class
- **Path:** TX Text Control .NET Server > Reference > JavaScript API - Document Viewer > ToolbarButton Class
- **791 words**
- **Web URL:** https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript-document-viewer/toolbarbutton/
- **LLMs URL:** https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript-document-viewer/toolbarbutton/llms.txt
- **LLMs-Full URL:** https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript-document-viewer/toolbarbutton/llms-full.txt

---

### Description

Configurable toolbar button for use as a custom toolbar item.

### Syntax

```javascript
ToolbarButton
```

### Examples

The following example demonstrates `ToolbarButton` in a practical Document Viewer workflow. This object provides functionalities for controlling the button of the toolbar.

```javascript
function configureApproveButton(toolbarButton) {
    toolbarButton.title = "Approve document";
    toolbarButton.onclick = () => console.log("Document approved.");
    toolbarButton.enable();
    toolbarButton.show();
}
```

---

## In This Section

- [Javascript: ToolbarButton.activate Method](https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript-document-viewer/toolbarbutton/activate-method/llms-full.txt): Applies the active visual state.
- [Javascript: ToolbarButton.createElement Method](https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript-document-viewer/toolbarbutton/createelement-method/llms-full.txt): Returns the element inserted into a toolbar. Repeated calls return the same element.
- [Javascript: ToolbarButton.deactivate Method](https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript-document-viewer/toolbarbutton/deactivate-method/llms-full.txt): Removes the active visual state.
- [Javascript: ToolbarButton.disable Method](https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript-document-viewer/toolbarbutton/disable-method/llms-full.txt): Disables interaction with the toolbar button.
- [Javascript: ToolbarButton.enable Method](https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript-document-viewer/toolbarbutton/enable-method/llms-full.txt): Enables interaction with the toolbar button.
- [Javascript: ToolbarButton.hide Method](https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript-document-viewer/toolbarbutton/hide-method/llms-full.txt): Hides the complete toolbar item.
- [Javascript: ToolbarButton.image Property](https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript-document-viewer/toolbarbutton/image-property/llms-full.txt): URL assigned to the button image.
- [Javascript: ToolbarButton.isActive Method](https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript-document-viewer/toolbarbutton/isactive-method/llms-full.txt): Reports whether the toolbar button has its active visual state.
- [Javascript: ToolbarButton.name Property](https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript-document-viewer/toolbarbutton/name-property/llms-full.txt): Name assigned to the item. If no name is assigned, the constructor name is used.
- [Javascript: ToolbarButton.onclick Property](https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript-document-viewer/toolbarbutton/onclick-property/llms-full.txt): Click callback, or `null` when no action is assigned.
- [Javascript: ToolbarButton.show Method](https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript-document-viewer/toolbarbutton/show-method/llms-full.txt): Shows the complete toolbar item.
- [Javascript: ToolbarButton.src Property](https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript-document-viewer/toolbarbutton/src-property/llms-full.txt): Alias for image.
- [Javascript: ToolbarButton.title Property](https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript-document-viewer/toolbarbutton/title-property/llms-full.txt): Tooltip text displayed for the toolbar item.

---

## Nearby

- **Previous:** [Javascript: Toolbar.show Method](https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript-document-viewer/toolbar/show-method/llms-full.txt)
- **Next:** [Javascript: ToolbarButton.activate Method](https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript-document-viewer/toolbarbutton/activate-method/llms-full.txt)