User Interface
Key User Interface Concepts used by Umbraco UI Builder, the backoffice UI builder for Umbraco.
Before you get to know Umbraco UI Builder, you need to become familiar with the Umbraco UI and a few of its concepts. This is because Umbraco UI Builder reuses these same concepts for constructing its UI.
![](https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-ac15c165bd92fac953d9c299201632bbd1f9d268%252Fui_01.png%3Falt%3Dmedia&width=768&dpr=4&quality=100&sign=29d62d41&sv=1)
1. Section A distinct area of the Umbraco backoffice. 2. Tree A hierarchical structure to help organize a section. 3. Dashboard An intro screen for a section, usually with useful links for that section.
![](https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-dd7e6610094c6c65e7f13f1722825aa46259822e%252Fui_02.png%3Falt%3Dmedia&width=768&dpr=4&quality=100&sign=f304c6ce&sv=1)
4. List View A list-based view of items in a tree node.
![](https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-b7024f5a0ad4711d46a67ccfc7ccb3c1b8f20017%252Fui_03.png%3Falt%3Dmedia&width=768&dpr=4&quality=100&sign=e95512d0&sv=1)
5. Editor The main content editing area is made up of tabs, fieldsets, and fields.
![](https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-9eeddc5c48f76e093e186508bf0d9530ac2cd50b%252Fui_06.png%3Falt%3Dmedia&width=768&dpr=4&quality=100&sign=a7cc098d&sv=1)
6. Context Apps A contextual section of a given editor UI. 7. Tabs A tabbed container of content.
![](https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-c22e7b82fe1d696a580882cff1091540c7baad2e%252Fui_04.png%3Falt%3Dmedia&width=768&dpr=4&quality=100&sign=3e18bc5&sv=1)
8. Menu Item A context menu item + action.
![](https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F1127971415-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FU6iam08F5jiW68OgrPAV%252Fuploads%252Fgit-blob-54552b1c2cf027c599bb6dd15d7cf3bf855eace9%252Fui_05.png%3Falt%3Dmedia&width=768&dpr=4&quality=100&sign=2f36b945&sv=1)
9. Bulk Action An action to perform on multiple list view items at once.
Last updated