# Touch Toolbar

## Content

The Touch Toolbar provides quick access to common commands in touch-enabled environments.
In mouse-based interaction, users typically access context actions using the right mouse button. In touch-enabled environments, the Touch Toolbar provides similar functionality without requiring a right-click.

### Display the Touch Toolbar

To display the Touch Toolbar:

1. Tap a cell or range to select it.
2. Tap the selected cell or range again.

The Touch Toolbar appears near the selection and provides quick access to common actions.
![SpreadJS touch workflow demonstrates tapping a selected cell or range again to display the Touch Toolbar beside the worksheet selection.f](https://cdn.mescius.io/document-site-files/images/b2223940-43c2-44cf-8eda-f5ab9acd84f0/toolbar-20260630.80d301.gif?width=400)
Double-tapping a cell enters edit mode and does not display the Touch Toolbar.

### Default Behavior

By default, the Touch Toolbar includes common editing commands such as:

* Cut
* Copy
* Paste
* AutoFill

The available commands depend on the current selection and context.
![SpreadJS Touch Toolbar displays context-sensitive Cut, Copy, Paste, and AutoFill commands near the selected worksheet cell range.](https://cdn.mescius.io/document-site-files/images/b2223940-43c2-44cf-8eda-f5ab9acd84f0/image-20260630.a246d3.png?width=300)

### Customize the Touch Toolbar

You can customize the Touch Toolbar by adding, removing, or modifying toolbar items using the `TouchToolStrip` API.
For example:

```javascript
spread.touchToolStrip.add(
  new GC.Spread.Sheets.Touch.TouchToolStripItem(
    "Custom",
    "Custom Action",
    function () {
      // custom logic
    }
  )
);
```

![SpreadJS Touch Toolbar displays a custom command added through the TouchToolStrip API for a developer-defined worksheet action.](https://cdn.mescius.io/document-site-files/images/b2223940-43c2-44cf-8eda-f5ab9acd84f0/image-20260630.d41090.png?width=300)
You can also:

* Remove existing items
* Adjust item size
* Modify text and images
* Add separators

For complete API details, see:

* `GC.Spread.Sheets.Touch.TouchToolStrip`
* `TouchToolStripItem`
* `TouchToolStripSeparator`