# Panels & Custom Layouts

## Customize VoxEdit

VoxEdit 2025.1.0 introduces a new panel layout system to move, resize, and tab panels to your preference.

{% embed url="<https://youtu.be/8crPECp4aDw>" %}

### Preferences

Set your preferred theme and create custom shortcuts:

{% content-ref url="/pages/cXUcGr3QQ0n99cBJKFJt" %}
[Controls & Shortcuts](/en/creator/voxedit/docs/controls-and-shortcuts.md)
{% endcontent-ref %}

### Panel Customisation Controls

<table data-view="cards"><thead><tr><th></th><th></th><th></th></tr></thead><tbody><tr><td><img src="/files/cgL3x8L7pmR3zsLPzM9r" alt="" data-size="original">  <img src="/files/HvToNHJmyI6XNabiDjJN" alt="">  <img src="/files/hSzkVWXWwtpRUAaDJwWf" alt="">  <img src="/files/7woNog5aOAc2qE5rIsgL" alt=""></td><td><strong>Resize Panel</strong></td><td>Hover at a panel's edge or corner.</td></tr><tr><td><img src="/files/CKgx26J2gdQxRb2Bj1mv" alt="" data-size="original"></td><td><strong>Grab (Hover mode)</strong></td><td>Hover near the top of a panel.</td></tr><tr><td><img src="/files/2XvWAR4kDfzfIgefW0d0" alt="" data-size="original"></td><td><strong>Grab (Drag mode)</strong></td><td>Left click and hold.</td></tr><tr><td><img src="/files/UFzS1dlp1IFqwG0KeN0d" alt="" data-size="original"></td><td><strong>Mouse Pointer</strong></td><td>Hover over container dividers and drag to resize sub-containers.</td></tr><tr><td><img src="/files/M8iOvpAajn6O8osk42kj" alt="" data-size="original">  <img src="/files/OPWg6AYJnzIJYTd5CMCK" alt="">  <img src="/files/rDFtqgyAV9A5YPutgePl" alt=""></td><td><strong>Scroll (center mouse button)</strong></td><td>Hover, then drag in a panel not fully shown.</td></tr></tbody></table>

<table data-view="cards"><thead><tr><th></th><th></th></tr></thead><tbody><tr><td><img src="/files/ow22E8d7mouy4rBGSfjE" alt="" data-size="original"></td><td><strong>Close</strong></td></tr><tr><td><img src="/files/rdNeiZoL5UcLs6ndwla9" alt="" data-size="original"> <img src="/files/JrXdT63V7SM7n2X1zDWX" alt=""> <img src="/files/ejf64exIwxq0xVOa34q0" alt=""> <img src="/files/ZCmR1vPZ7K9iOY5Cottr" alt=""></td><td><strong>Collapse/Expand</strong></td></tr><tr><td><img src="/files/D3eyEf49vxtpCfQcmaeV" alt="" data-size="original"></td><td><strong>Move</strong></td></tr></tbody></table>

{% tabs %}
{% tab title="About Panels" %}

### Basic Panels

Each panel has a <mark style="color:yellow;">**docking bar**</mark> and <mark style="color:yellow;">**container**</mark> for its content.

<div><figure><img src="/files/T8rbiVZGdoFtmiRU4BEb" alt="" width="197"><figcaption><p>Basic Panel (empty container)</p></figcaption></figure> <figure><img src="/files/q8IZF4eIQyzszWtDLUCD" alt="" width="197"><figcaption><p>Docking Bar (top or side)</p></figcaption></figure></div>

#### Containers

A container holds <mark style="color:yellow;">**creative controls**</mark> to make your project. Related controls are grouped.

<figure><img src="/files/tspDyYC7h8v19H2JJlHW" alt=""><figcaption><p>Default</p></figcaption></figure>

<div align="left"><figure><img src="/files/OFRqdxnCxnp7AlRiSGS7" alt="" width="128"><figcaption><p>Resized</p></figcaption></figure></div>

Resized panels hide some controls or switch them to a minimalist mode with the same functions.

<div><figure><img src="/files/meaCFPSDpKr6UgcCpi8B" alt="" width="235"><figcaption><p>Default</p></figcaption></figure> <figure><img src="/files/nOhmTsY1iw7Jb6xHw5ZC" alt="" width="71"><figcaption><p>Resized</p></figcaption></figure> <figure><img src="/files/hCujlVofKEgVAB0x4gpJ" alt="" width="229"><figcaption><p>Resized</p></figcaption></figure></div>
{% endtab %}

{% tab title="Dock, Tab & Snap" %}

### Move & Dock

Move a panel to float freely on your screen or dock it at a screen edge or corner.

<div><figure><img src="/files/QBRwQS5Rrh44mjMsVWcp" alt="" width="542"><figcaption><p>Move (drag and drop - panels may overlap)</p></figcaption></figure> <figure><img src="/files/cf9pG8nMQJnSFtCUGja8" alt="" width="563"><figcaption><p>Dock (drag and drop on the red line - panels resize to fit)</p></figcaption></figure></div>

### Grab & Tab

Drag multiple basic panels into a custom panel with tabs.

<figure><img src="/files/mkU6TusC7jHligRsXwcW" alt="" width="362"><figcaption><p>Tab (drag and drop inside the red box)</p></figcaption></figure>

### Grab & Snap, Resize

Snap multiple panels inside of a panel's container, dividing it in multiple ways:

<div><figure><img src="/files/R3arvTdlCnFTW0vSUKEp" alt="" width="235"><figcaption><p>Horizontal</p></figcaption></figure> <figure><img src="/files/TT8UWi7MEJH4ilEu7z7F" alt="" width="355"><figcaption><p>Vertical</p></figcaption></figure> <figure><img src="/files/5rQ0QmcE5SiP4sH2TO6S" alt="" width="355"><figcaption><p>Horizontal &#x26; Vertical</p></figcaption></figure></div>

Drag and drop a panel to another panel's edge and release. Drag and release a divider to resize.

<div><figure><img src="/files/aFqZhcGuRuMEFQlPbAxF" alt="" width="374"><figcaption><p>Snap (drag and drop on the red line)</p></figcaption></figure> <figure><img src="/files/2MHmRtuBcLbXUIilWHFO" alt="" width="375"><figcaption><p>Resize (drag and drop the red line)</p></figcaption></figure></div>

{% hint style="info" %}
Each panel snapped in a container have **close** and **collapse/expand** controls (hover to show/hide).
{% endhint %}
{% endtab %}
{% endtabs %}

***

## VoxEdit Panels List

#### By Module

<table data-view="cards"><thead><tr><th data-type="content-ref"></th><th></th></tr></thead><tbody><tr><td><a href="/pages/nCOXMMvH6dDwD5pZL4Rm">/pages/nCOXMMvH6dDwD5pZL4Rm</a></td><td><ul><li><a data-mention href="#menu-bar">#menu-bar</a></li><li><a data-mention href="#block-sides">#block-sides</a></li><li><a data-mention href="#materials-panel">#materials-panel</a></li><li><a data-mention href="#palette">#palette</a></li><li><a data-mention href="#toolbar">#toolbar</a></li></ul></td></tr><tr><td><a href="/pages/Ax3DVpHz9EvMueZi3ftK">/pages/Ax3DVpHz9EvMueZi3ftK</a></td><td><ul><li><a data-mention href="#menu-bar">#menu-bar</a></li><li><a data-mention href="#materials-panel">#materials-panel</a></li><li><a data-mention href="#layers-panel">#layers-panel</a></li><li><a data-mention href="#palette">#palette</a></li><li><a data-mention href="#toolbar">#toolbar</a></li></ul></td></tr><tr><td><a href="/pages/j2gFHrVCJrJz8XvizJUk">/pages/j2gFHrVCJrJz8XvizJUk</a></td><td><ul><li><a data-mention href="#menu-bar">#menu-bar</a></li><li><a data-mention href="#skeleton-panel">#skeleton-panel</a></li><li><a data-mention href="#library-panel">#library-panel</a></li><li><a data-mention href="#inspector-panel">#inspector-panel</a></li><li><a data-mention href="#timeline">#timeline</a></li><li><a data-mention href="#animations-list">#animations-list</a></li><li><a data-mention href="#inverse-kinematics-panel">#inverse-kinematics-panel</a></li></ul></td></tr></tbody></table>

{% hint style="info" %}
**HIDDEN PANELS**\ <img src="/files/HWJGDq6kghbVREz1L8RG" alt="" data-size="line"> **Light** and <img src="/files/UlcxagiWF8dlHjB7f7aP" alt="" data-size="line"> **Camera** buttons are [Controls & Shortcuts](/en/creator/voxedit/docs/controls-and-shortcuts.md#viewport-controls) that open small panels in any module. If you open the [Controls & Shortcuts](/en/creator/voxedit/docs/controls-and-shortcuts.md#view-1) menu from the top dropdown, these panels aren't listed to hide/show since you may not change these settings often during a project.
{% endhint %}

***

## Block, Modeler & Animator

### Menubar

Menubar buttons vary by module, but generally offer options to save, translate, and visualize.

You may prefer keeping a simple vertical or horizontal layout, resizing to group similar controls together, or hiding/tabbing this panel if using keyboard shortcuts.

{% tabs %}
{% tab title="Block" %}

#### Block

[Learn more](/en/creator/voxedit/docs/block.md#menubar-1) about the creative controls below.

<div align="left" data-full-width="false"><figure><img src="/files/o3nomOoWLjpH1K5FP9My" alt="" width="533"><figcaption><p>Default</p></figcaption></figure></div>

<div align="left"><figure><img src="/files/6As9aXIreDmKUeAHoHPi" alt=""><figcaption></figcaption></figure></div>
{% endtab %}

{% tab title="Modeler" %}

#### Modeler

[Learn more](/en/creator/voxedit/docs/modeler.md#menubar) about the creative controls below.

<div align="left" data-full-width="false"><figure><img src="/files/tspDyYC7h8v19H2JJlHW" alt=""><figcaption><p>Default</p></figcaption></figure></div>

<div align="left"><figure><img src="/files/OFRqdxnCxnp7AlRiSGS7" alt=""><figcaption></figcaption></figure></div>
{% endtab %}

{% tab title="Animator" %}

#### Animator

[Learn more](/en/creator/voxedit/docs/animator.md#menubar) about the creative controls below.

<div align="left" data-full-width="false"><figure><img src="/files/yUsP8mekQvalvMpwY6qi" alt="" width="563"><figcaption><p>Default</p></figcaption></figure></div>

<div align="left"><figure><img src="/files/ezVT3kD9hoT7lPdtjw8o" alt=""><figcaption></figcaption></figure></div>
{% endtab %}
{% endtabs %}

***

## Block

### Block Sides

If you don't need this panel to visualize a block's design or reuse block faces to speed up your creation workflow, it can be hidden or tabbed to free up workspace in the viewport.

[Learn more](/en/creator/voxedit/docs/block.md#block-sides-1) about the creative controls below.

<div align="center"><figure><img src="/files/7wzSObsJi1QUM0GDIraQ" alt="" width="224"><figcaption></figcaption></figure> <figure><img src="/files/cX3tQWgHlX28t59gTLaL" alt="" width="45"><figcaption></figcaption></figure></div>

***

## Modeler

### Layers Panel

Layers are useful for models where hiding or revealing parts of a model make the design process easier. Examples include designing clothing, applying damage or wear, visualizing different component parts, etc.

If you don't need this panel, which depends on your preferred workflow to visualize a model as you build and paint, you can hide or tab it.

<div align="center"><figure><img src="/files/R4PhHk6jZ9mdVHUej5LC" alt=""><figcaption></figcaption></figure> <figure><img src="/files/pVoeVLe0OZ5iF9DCaY9s" alt=""><figcaption></figcaption></figure></div>

***

## Block & Modeler

### Materials Panel

The Materials Panel is used to customise colour swatches. If you're designing or tweaking a palette, a larger view will be helpful, but if you only occasionally need to adjust a color swatch, a smaller view may be better.

<div align="center"><figure><img src="/files/meaCFPSDpKr6UgcCpi8B" alt=""><figcaption></figcaption></figure> <figure><img src="/files/nOhmTsY1iw7Jb6xHw5ZC" alt=""><figcaption></figcaption></figure> <figure><img src="/files/hCujlVofKEgVAB0x4gpJ" alt=""><figcaption></figcaption></figure></div>

### Palette

The size of this panel depends on your preferred zoom for colour swatches (small, medium, or large). Resizing rearranges the array of swatches and may make it easier to select from a range of shades.

Since colour is used frequently, it's best to keep this panel visible and avoid a size that requires scrolling unless you're working with a smaller number of colours.

<div align="left"><figure><img src="/files/SW3Oi9kp25oaEC2mgCYK" alt=""><figcaption></figcaption></figure></div>

<div align="center"><figure><img src="/files/rf3LsuEtTyjrLxdZe6LU" alt="" width="226"><figcaption><p>Default</p></figcaption></figure> <figure><img src="/files/4ZbepX7RJtCcHZxV1FFe" alt="" width="236"><figcaption></figcaption></figure> <figure><img src="/files/4W6Qa2G6H52oktn1ykQc" alt="" width="50"><figcaption></figcaption></figure> <figure><img src="/files/YbK0VpavcOXU5SgRgoek" alt="" width="39"><figcaption></figcaption></figure></div>

### Toolbar

You may prefer vertical or horizontal orientation depending on your overall panels layout. If you prefer using keyboard shortcuts, you may even hide this panel or drag it onto another to make it a tab.

{% tabs %}
{% tab title="Block (tools for painting only)" %}

#### Block

In the **Block** module, tools are used only for painting on the surface of a block.&#x20;

[Learn more](/en/creator/voxedit/docs/block.md#toolbar-1) about the creative controls below.

<div align="left"><figure><img src="/files/GoOoxcmGrVodmnxTFLSI" alt=""><figcaption><p>Default</p></figcaption></figure> <figure><img src="/files/8ZMrcML6AiGGP0aAsPoQ" alt=""><figcaption></figcaption></figure> <figure><img src="/files/9Gx8y9tA4bGAUzAqz6xL" alt=""><figcaption></figcaption></figure></div>
{% endtab %}

{% tab title="Modeler (tools and mode selection)" %}

#### Modeler

For detailed information about how to combine tools and modes in this panel, see [Broken mention](broken://pages/WQC9Dic6eOmFBvDcSD8b).

<div align="left"><figure><img src="/files/1EnUMWyBA7apnlFN1OSH" alt="" width="563"><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="/files/lcV43z6U7I2hfdyMKBej" alt="" width="83"><figcaption><p>Default</p></figcaption></figure> <figure><img src="/files/HjCHQSHKEjw8lPeFOf4F" alt="" width="48"><figcaption></figcaption></figure></div>
{% endtab %}
{% endtabs %}

***

## Animator

### Skeleton Panel

The Skeleton is a vertical hierarchy representing a rig of nodes that make up a compound asset.&#x20;

Vertical layout is recommended. Panel size depends on the complexity of a rig and how many nodes need to be expanded while you work.&#x20;

Learn more: [Build a Rig](/en/creator/voxedit/docs/animator/build-a-rig.md)

<div align="center"><figure><img src="/files/yv1wNViVrIlnZhsgdK2V" alt="" width="235"><figcaption><p>Default</p></figcaption></figure> <figure><img src="/files/Nhp3syS1x9DYlg5p2Zta" alt="" width="234"><figcaption></figcaption></figure></div>

### Library Panel

The Library is a view of all available models to use in your compound asset. A small panel is not recommended for assets with a large number of models.

<div align="center"><figure><img src="/files/Q2MDy1CaOqPdJEEuO4Bp" alt="" width="355"><figcaption><p>Default</p></figcaption></figure> <figure><img src="/files/W7ipZi8qaJZCm04OsRhn" alt="" width="124"><figcaption></figcaption></figure></div>

### Inspector Panel

This panel shrinks and adds a dropdown menu to switch between Position and Rotation entry.&#x20;

The panel is used to adjust a node's position and orientation with precision or to toggle its collisions on/off. If you don't need it often, drag it onto another panel to make it a tab.

<div align="center"><figure><img src="/files/nYY3F4Ys7T0bLL9CfdB2" alt="" width="356"><figcaption><p>Default</p></figcaption></figure> <figure><img src="/files/sYDDZZUxCtztlFsRYhs2" alt="" width="215"><figcaption></figcaption></figure></div>

### Timeline

The Timeline panel is best in a horizontal orientation to visualize node movement over time. You may prefer to resize to the full width of the VoxEdit window for longer animations.&#x20;

Learn more: [Create an Animated Asset](/en/creator/voxedit/docs/animator/create-an-animated-asset.md)

<div align="center"><figure><img src="/files/20QIvNQUSZp0ydgBTiKM" alt="" width="563"><figcaption><p>Default</p></figcaption></figure></div>

### Animations List

The Animations List is used to select poses of your rig to modify or test animations built in the timeline.

This panel can be comfortably resized very small to select from the dropdown as shown below.

<div align="center"><figure><img src="/files/0ykL5DiBbOCGxzWnjVPU" alt="" width="220"><figcaption></figcaption></figure> <figure><img src="/files/x1kJlJuM4hJWrmj7VYvL" alt="" width="221"><figcaption></figcaption></figure></div>

<div align="center"><figure><img src="/files/Zc4kGi0kbnrM0EtbxaJh" alt=""><figcaption><p>Default</p></figcaption></figure></div>

### Inverse Kinematics Panel

This optional panel is hidden by default since it introduces more advanced features. It's best not to resize.&#x20;

Learn more: [Use Inverse Kinematics](/en/creator/voxedit/docs/animator/use-inverse-kinematics.md).

<div align="center"><figure><img src="/files/9dlwrKePfDNLPR3nhHMB" alt="" width="224"><figcaption><p>Default (hidden)</p></figcaption></figure></div>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.sandbox.game/en/creator/voxedit/docs/panels-and-custom-layouts.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.