# StatusBar

Typically, a `StatusBar` control consists of `StatusBarPanel` objects, each of which displays text and/or an icon. You can also provide owner-drawn panels to provide custom panels such as a progress bar or a series of images that displays the state of your application. A `StatusBar` control typically displays information about an object being viewed on a Form, the object's components, or contextual information that relates to that object's operation within your application.

The `StatusBar` control provides properties that enable you to customize the appearance of the control. If the `StatusBar` is displayed on a form that can be resized, you can use the `SizingGrip` property to display a sizing grip in the lower-right corner of the form to indicate to users that the form can be resized. The `ShowPanels` property enables you to display panels within your `StatusBar` or to display only the value of the `Text` property of the control.

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

## Features

### AutoSize

The `AutoSize` property of the `StatusBarPanel` provides a few preset ways to customize the size of the panel.

* `None`: The `StatusBarPanel` does not change size when the control resizes.
* `Spring`: The `StatusBarPanel` uses the available space on the `StatusBar`.
* `Contents`: The width of the `StatusBarPanel` is determined by its contents.

![AutoSize Example](/files/-Mj5r2hfyFk2cWKn3Y8b)

### Panels

Any number of Panels can be added to a `StatusBar` using the `Panels` property. The panels can be customized to include an icon, text, and custom spacing.

![Panels Example](/files/-Mj5sGmLckHuR9M1RWx6)

## Advanced

### JavaScript Widget

| Item             | Description                                                                                                                                                                                                  |
| ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Class name       | "wisej.web.StatusBar"                                                                                                                                                                                        |
| Theme appearance | "statusbar", see [Themes](https://docs.wisej.com/theme-builder/theme-elements/elements).                                                                                                                     |
| Child components | "label" is the container for the status bar's labels. "panel" is the statusbar container. "grip" is the drag button in the bottom right corner. 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/statusbar.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.