# Widget types

#### Table widget

Table widgets display their content in several cells. The following subtypes are available:

* **Table**\
  The widget contains any number of columns and rows.
* **Column**\
  The widget contains only a single column.
* **Row**\
  The widget contains only a single row.

<div align="left"><figure><img src="https://1085786630-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWv5M2BoEVu0kDIV5EPs4%2Fuploads%2Fgit-blob-a9b6777e7cfd8006a58dda6d1ec564c5805cd445%2Fgrafik%20(33).png?alt=media" alt=""><figcaption></figcaption></figure></div>

* **Hierarchy**\
  The widget is displayed in a hierarchical structure. To do this, it must contain the level in the first column and the display text in the second column.\
  \
  **Note**: If the level is negative, the corresponding row in the hierarchy is collapsed (see the following example, the row for *Texas* has a negative level, therefore *Texas* is collapsed)

<div align="left"><figure><img src="https://1085786630-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWv5M2BoEVu0kDIV5EPs4%2Fuploads%2Fgit-blob-0024db159c057a4da8fa0dee59e7f8be8072a412%2Fgrafik.png?alt=media" alt=""><figcaption></figcaption></figure></div>

#### Cell widget

Cell widgets display their content in a single cell. There are also subtypes here.

* **Cell**\
  The content of the widget is displayed within the cell. Depending on the value type of the content, it is formatted accordingly, e.g. a number can be displayed with grouping or decimal places, and a date in the date format of the browser.
* **Password**\
  The content of the widget is displayed masked. With the option to make the entered text visible and support for the browser's password manager.

<div align="left"><figure><img src="https://1085786630-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWv5M2BoEVu0kDIV5EPs4%2Fuploads%2Fgit-blob-ed6817c766532d36f14fdd461cd1d1aae4bdb0de%2Fgrafik%20(35).png?alt=media" alt=""><figcaption></figcaption></figure></div>

* **QR code**\
  The content of the widget is displayed as a QR code. A maximum of approx. 2,000 characters can be packed as a QR code.

<div align="left"><figure><img src="https://1085786630-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWv5M2BoEVu0kDIV5EPs4%2Fuploads%2Fgit-blob-8100c3e58a527325b1a7a98cbd4d2983ab7fd6bd%2Fgrafik%20(37).png?alt=media" alt=""><figcaption></figcaption></figure></div>

#### Text widget

Text widgets offer the option of formatted text input and display. A toolbar is displayed after activating the widget.

<div align="left"><figure><img src="https://1085786630-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWv5M2BoEVu0kDIV5EPs4%2Fuploads%2Fgit-blob-0d0fb01d6760f40c6bacc46a4eb2515fb20e13e6%2Fgrafik.png?alt=media" alt=""><figcaption></figcaption></figure></div>

#### Button widget

With a button widget, you can perform an action by clicking on it, e.g. navigating to another page or updating the information which is currently displayed in the page. The corresponding formula is stored in the *On click* action.

<div align="left"><figure><img src="https://1085786630-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWv5M2BoEVu0kDIV5EPs4%2Fuploads%2Fgit-blob-1a41e55fe4993f2879286f71302baa7542d2256b%2Fgrafik.png?alt=media" alt="" width="375"><figcaption><p>After clicking on the Next button, the Overview page opens</p></figcaption></figure></div>

#### Menu widget

Menu widgets allow you to select an element from a list. The following two subtypes are offered:

* **Menu**\
  The menu widget contains a flat list of elements.

<div align="left"><figure><img src="https://1085786630-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWv5M2BoEVu0kDIV5EPs4%2Fuploads%2Fgit-blob-f1d3a1f294b89b0fa750730a5e09aeaa62bfe87f%2Fgrafik.png?alt=media" alt="" width="563"><figcaption></figcaption></figure></div>

* **Hierarchy menu**\
  The hierarchy menu widget is filled with a hierarchical arrangement of elements. It is filled and displayed in the same way as described above for the Hierarchy table subtype.

<div align="left"><figure><img src="https://1085786630-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWv5M2BoEVu0kDIV5EPs4%2Fuploads%2Fgit-blob-0a49299a12cca56bfd64e1f62661c60dc12bba22%2Fgrafik.png?alt=media" alt="" width="563"><figcaption></figcaption></figure></div>

#### Chart widget

In chart widgets, the data is displayed in various chart options. Further information can be found in the [Chart content](https://docs.nedyx.com/version-1.66/nedyx/working-with-nedyx/widgets/chart-content) section.

<figure><img src="https://1085786630-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWv5M2BoEVu0kDIV5EPs4%2Fuploads%2Fgit-blob-f42ab8cb028ba63b878b4136f0ac4104f6aa9e09%2Fgrafik.png?alt=media" alt=""><figcaption></figcaption></figure>

#### Image widget

Images can be displayed in image widgets. The following image formats are currently supported: jpeg, jpg, png, svg

<div align="left"><figure><img src="https://1085786630-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWv5M2BoEVu0kDIV5EPs4%2Fuploads%2Fgit-blob-7aa62f40ee3f7c91d90e7b5a3a23430374140fd2%2Fgrafik.png?alt=media" alt="" width="375"><figcaption></figcaption></figure></div>