Konstrukt
🚨 Konstrukt is now Umbraco UI Builder 🚨
  • Konstrukt Documentation
  • Getting Started
    • Overview
    • Installation
    • Configuration
    • User Interface
  • Guides
    • Creating your first integration
  • Areas
    • Overview
    • Sections
      • Summary Dashboards
    • Trees
      • Folders
    • Dashboards
    • Context Apps
  • Collections
    • Overview
    • The Basics
    • List Views
      • Field Views
    • Editors
    • Child Collections
      • Child Collection Groups
  • Searching
    • Overview
    • Searchable Properties
  • Filtering
    • Overview
    • Global Filters
    • Data Views
      • Data Views Builders
    • Filterable Properties
  • Actions
    • Overview
    • The Basics
    • Action Visbility
    • Inbuilt Actions
  • Cards
    • Overview
    • Count Cards
    • Custom Cards
  • Property Editors
    • Overview
    • Entity Picker
  • Advanced
    • Virtual Sub Trees
    • Encrypted Properties
    • Value Mappers
    • Repositories
    • Events
  • Extras
    • Conventions
    • Umbraco Aliases
    • Konstrukt vs UI-O-Matic
    • Known Issues
    • Changelog
Powered by GitBook
On this page
Edit on GitHub
  1. Getting Started

User Interface

Key User Interface Concepts used by Konstrukt, the back office UI builder for Umbraco.

PreviousConfigurationNextCreating your first integration

Last updated 3 years ago

Before you get to know Konstrukt, you need to become familiar with the Umbraco UI and a few of it’s concepts as Konstrukt reuses these same concepts for constructing it's UI.

1. Section A distinct area of the Umbraco backoffice. 2. Tree A hierarchical structure to help organise a section. 3. Dashboard An intro screen for a section, usually with useful links for that section.

4. List View A list based view of items in a tree node.

5. Editor The main content editing area made up of tabs, fieldsets and fields.

6. Context Apps A contextual section of a given editor UI. 7. Tabs A tabbed container of content.

8. Menu Item A context menu item + action.

9. Bulk Action An action to perform on multiple list view items at once.

Sections, Trees and Dashboards
List View
Editor
Context Apps and Tabs
Menu Item
Bulk Action