# TabControl

A `TabControl` contains tab pages, which are represented by `TabPage` objects that you add through the `TabPages` property. The order of tab pages in this collection reflects the order the tabs appear in the control.

![TabControl Example](/files/R1RtITpMc55kWhiS1vvK)

{% hint style="info" %}
For a full list of properties, methods and events see the [API documentation.](http://docs.wisej.com/api)
{% endhint %}

## Features

### Movable Tabs

When `AllowUserToMoveTabs` is set to `true`, the user is able to rearrange the tab pages at runtime.

![TabControl with movable tabs](/files/-Mj5VKWIskDOYqDQelR7)

### Orientation

The `TabControl` can be configured to display the tabs in a `Horizontal` or `Vertical` manner. The default orientation is `Horizontal`.

![TabControl with Horizontal orientation](/files/-Mj5UMfDo7D9p6-1o90b)

![TabControl with Vertical orientation](/files/-Mj5U-ptOgzAQxAf-Nhk)

{% embed url="<https://www.youtube.com/watch?v=Wyr-Z3Q8S5E>" %}

## Advanced

### JavaScript Widget <a href="#javascript-widget" id="javascript-widget"></a>

| Item             | Description                                                                                                                                                                           |
| ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Class name       | "wisej.web.TabControl"                                                                                                                                                                |
| Theme appearance | "tabview", see [Themes](https://docs.wisej.com/theme-builder/theme-elements/elements).                                                                                                |
| Child components | "bar" is the container for the tab page buttons. "pane" hosts the tabview page. "page" hosts the actual tabview content. See [JavaScript](/docs/concepts/javascript-object-model.md). |
| Source code      | [https://github.com/iceteagroup/wisej-js](https://github.com/iceteagroup/wisej-js/blob/master/wisej.web.TextBox.js)                                                                   |


---

# 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.wisej.com/docs/controls/containers/tabcontrol.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.