Skip to content

Commit a1aee12

Browse files
committed
Moved images after text
1 parent cdfa041 commit a1aee12

File tree

1 file changed

+18
-18
lines changed

1 file changed

+18
-18
lines changed

15/umbraco-ui-builder/getting-started/user-interface.md

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -8,54 +8,54 @@ Before diving into Umbraco UI Builder, it’s important to understand some of th
88

99
## Section
1010

11-
![Section View](images/section.png)
12-
1311
A section in Umbraco is a distinct area within the backoffice where related content and functionality are grouped. For example, the Content section is where content management happens, while the Media section handles media files.
1412

15-
## Tree
13+
![Section View](images/section.png)
1614

17-
![Tree View](images/tree.png)
15+
## Tree
1816

1917
The tree represents the hierarchical structure of items within a section. It organizes content, settings, and data, for quick navigation and locating items. For example, the content tree shows the pages of a website in a nested format.
2018

19+
![Tree View](images/tree.png)
20+
2121
## Dashboard
2222

23-
![Dashboard View](images/dashboard.png)
23+
Each section in the Umbraco backoffice typically starts with a dashboard. This is an introductory screen for the section. It often includes useful links or shortcuts, providing an overview or quick access to the most commonly used features.
2424

25-
Each section in the Umbraco backoffice typically starts with a dashboard. This is the introductory screen for the section and often includes useful links or shortcuts, providing an overview or quick access to the most commonly used features.
25+
![Dashboard View](images/dashboard.png)
2626

2727
## Collection
2828

29-
![Collection View](images/ui_02.png)
30-
3129
The collection displays a list of items in a tree node. It provides an overview of content or data in a table format, with sortable columns and the option to filter or search through the items. This view is used when you need to work with multiple items at once.
3230

33-
## Editor
31+
![Collection View](images/ui_02.png)
3432

35-
![Editor](images/ui_03.png)
33+
## Editor
3634

3735
The editor is where the main content editing occurs. It is structured using tabs, fieldsets, and fields. Tabs organize different sections of content, and fieldsets group related fields together. Each field represents a specific piece of data, such as a text box or an image upload.
3836

39-
## Workspace Views
37+
![Editor](images/ui_03.png)
4038

41-
![Workspace Views](images/workspace-views.png)
39+
## Workspace Views
4240

4341
Workspace Views are additional functionality that can be added to an editor. They provide extra features based on the content of the item being edited. For instance, a media content app might allow you to resize or crop an image directly from the editor.
4442

45-
## Tabs
43+
![Workspace Views](images/workspace-views.png)
4644

47-
![Tabs](images/tabs.png)
45+
## Tabs
4846

4947
Tabs are used to organize content within the editor, allowing users to switch between different sections of a content item. For example, one tab might contain the general settings, while another contains media or advanced options.
5048

51-
## Menu Item
49+
![Tabs](images/tabs.png)
5250

53-
![Menu Item](images/ui_04.png)
51+
## Menu Item
5452

5553
A menu item represents an action within the context of a tree node or a list item. It is a clickable item that triggers specific tasks, such as deleting or editing an item.
5654

57-
## Bulk Action
55+
![Menu Item](images/ui_04.png)
5856

59-
![Bulk Action](images/ui_05.png)
57+
## Bulk Action
6058

6159
Bulk actions allow you to perform an operation on multiple items in the list view at once. For example, you might use a bulk action to delete multiple content items or update their status in a single step.
60+
61+
![Bulk Action](images/ui_05.png)

0 commit comments

Comments
 (0)