---
title: "Configuring the Tiny Drive UI"
description: "List of Tiny Drive user interface configuration options."
canonical_url: "https://www.tiny.cloud/docs/tinymce/latest/tinydrive-ui-options/"
md_url: "https://www.tiny.cloud/docs/tinymce/latest/tinydrive-ui-options/index.md"
version: "latest"
last_updated: "2022-11-30T01:26:11Z"
tokens: 545
---
# Configuring the Tiny Drive UI

## `tinydrive_skin`

This option sets the skin applied to Tiny Drive. The default skin included with Tiny Drive is named "oxide".

**Type:** `String`

**Default value:** `'oxide'`

**Possible values:** `'oxide'`, `'oxide-dark'`

If the `tinydrive_skin` option is not specified, Tiny Drive will try and use the skin specified by the [TinyMCE `skin` option](../editor-skin/#skin) before falling back to the default "oxide" skin.

### Example: using `tinydrive_skin`

```js
tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  plugins: 'tinydrive',
  tinydrive_skin: 'oxide-dark'
});
```

## Configuring the Insert File toolbar button

Tiny Drive will automatically integrate into the Image, Link, and Media dialogs as a file picker. It can also be configured to insert files directly into any content using the `insertfile` button. To enable this button, add it to the toolbar editor setting.

The Insert File toolbar button will insert images as `img` elements or other files as links to that file.

### Example: adding the `insertfile` toolbar button

This is an example of configuring the 'insertfile' toolbar button.

```js
tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  plugins: 'tinydrive',
  toolbar: 'insertfile'
});
```

## Toolbar buttons

The Tiny Drive plugin provides the following toolbar buttons:

| Toolbar button identifier | Description |
| --- | --- |
| `insertfile` | Opens the Tiny Drive file selector. |

These toolbar buttons can be added to the editor using:

- The [`toolbar`](../toolbar-configuration-options/#toolbar) configuration option.
- The [`quickbars_insert_toolbar`](../quickbars/#quickbars_insert_toolbar) configuration option.
- [Custom Context toolbars](../contexttoolbar/).

## Menu items

The Tiny Drive plugin provides the following menu items:

| Menu item identifier | [Default Menu Location](../menus-configuration-options/#example-the-tinymce-default-menu-items) | Description |
| --- | --- | --- |
| `insertfile` | *Not Applicable* | Opens the Tiny Drive file selector. |

These menu items can be added to the editor using:

- The [`menu`](../menus-configuration-options/#menu) configuration option.
- The [`contextmenu`](../menus-configuration-options/#contextmenu) configuration option.
- [Custom Menu toolbar buttons](../custom-menu-toolbar-button/).