# Javascript: ContextualToolbar.setItems Method

> Replaces all items in the contextual toolbar.

- **Product:** DS Server
- **Section:** Reference
- **Kind:** Method
- **Introduced:** 32.4.1
- **Path:** DS Server > Reference > JavaScript API - Document Viewer > Javascript: ContextualToolbar.setItems Method
- **230 words**
- **Web URL:** https://docs.textcontrol.com/ds-server/reference/javascript-document-viewer/contextualtoolbar/setitems-method/
- **LLMs URL:** https://docs.textcontrol.com/ds-server/reference/javascript-document-viewer/contextualtoolbar/setitems-method/llms.txt
- **LLMs-Full URL:** https://docs.textcontrol.com/ds-server/reference/javascript-document-viewer/contextualtoolbar/setitems-method/llms-full.txt

---

### Description

Replaces all items in the contextual toolbar.

### Syntax

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

### Parameters

| Parameter | Description |
|---|---|
| items | Toolbar items or built-in item descriptors. |

### Return Value

Replaces all items in the contextual toolbar.

### Examples

The following example demonstrates `contextualtoolbar.setItems` in a practical Document Viewer workflow. Clears items and adds the new items to the toolbar.

```javascript
function setItemsContextualToolbar(contextualToolbar, toolbarItems) {
    contextualToolbar.setItems(toolbarItems);
    console.log("Contextual toolbar items:", contextualToolbar.getItems());
}
```

---

## Nearby

- **Previous:** [Javascript: ContextualToolbar.hide Method](https://docs.textcontrol.com/ds-server/reference/javascript-document-viewer/contextualtoolbar/hide-method/llms-full.txt)
- **Next:** [Javascript: ContextualToolbar.show Method](https://docs.textcontrol.com/ds-server/reference/javascript-document-viewer/contextualtoolbar/show-method/llms-full.txt)