# Javascript: Toolbar.setItems Method

> Replaces all main-toolbar items with DOM elements or built-in item descriptors.

- **Product:** TX Text Control .NET Server
- **Section:** Reference
- **Kind:** Method
- **Introduced:** 32.4.1
- **Path:** TX Text Control .NET Server > Reference > JavaScript API - Document Viewer > Javascript: Toolbar.setItems Method
- **377 words**
- **Web URL:** https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript-document-viewer/toolbar/setitems-method/
- **LLMs URL:** https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript-document-viewer/toolbar/setitems-method/llms.txt
- **LLMs-Full URL:** https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript-document-viewer/toolbar/setitems-method/llms-full.txt

---

### Description

Replaces all main-toolbar items with DOM elements or built-in item descriptors.

### Syntax

```javascript
<void> Toolbar.setItems(<(ToolbarItem|DefaultToolbarItemDescriptor)[]> items)
```

### Parameters

| Parameter | Description |
|---|---|
| items | Items to display. |

### Return Value

Replaces all main-toolbar items with DOM elements or built-in item descriptors.

### Examples

Use an existing DOM element as a custom toolbar item.

```javascript
const zoomIn = document.createElement("button");
zoomIn.textContent = "Zoom in";
controller.toolbar.setItems([zoomIn]);
// Add the viewer's built-in toolbar items.
controller.toolbar.setItems([
    { defaultItemType: "ZoomInButton" },
    { defaultItemType: "ZoomOutButton" }
]);
```

The following example demonstrates `toolbar.setItems` in a practical Document Viewer workflow. Sets the items of the toolbar.

```javascript
function replaceViewerToolbarItems(toolbarItems) {
    TXDocumentViewer.toolbar.setItems(toolbarItems);
    console.log("Toolbar item count:", TXDocumentViewer.toolbar.getItems().length);
}
```

---

## Nearby

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