Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UI Builder 14 updates #6562

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion 14/umbraco-ui-builder/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ Umbraco UI Builder is the Umbraco v14+ backoffice UI builder for custom data str
This page is a work in progress and may undergo further revisions, updates, or amendments. The information contained herein is subject to change without notice.
{% endhint %}

![Example Umbraco UI Builder UI](images/comments_listview.png)
![Example Umbraco UI Builder UI](images/listview.png)

If you have a custom data store that you want to content manage from within Umbraco, then you can use Umbraco UI Builder. With some lines of code, you can configure a custom administration UI, and reuse many core components with a consistent look and feel.

Expand Down
2 changes: 1 addition & 1 deletion 14/umbraco-ui-builder/areas/summary-dashboards.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ description: Configuring a summary dashboard in Umbraco UI Builder, the backoffi

A summary dashboard is automatically displayed at the root of a defined Umbraco UI Builder section. It displays summaries of collections found within it that are told to display on the dashboard. It also provides quick links to jump to that collections list view. It can also add quickly a new entry to that collection (if the collection isn't read-only).

![Summary Dashboard](../images/section_dashboard.png)
![Summary Dashboard](../images/dashboard.png)

## Showing a collection on a summary dashboard

Expand Down
2 changes: 1 addition & 1 deletion 14/umbraco-ui-builder/collections/editors.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ description: Configuring the editor of a collection in Umbraco UI Builder, the b

An editor is the user interface used to edit an entity and is made up of tabs and property editors.

![A collection editor](../images/people_editor.png)
![A collection editor](../images/editor.png)

## Configuring an editor

Expand Down
2 changes: 1 addition & 1 deletion 14/umbraco-ui-builder/collections/list-views.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ description: Configuring the list view of a collection in Umbraco UI Builder, th

A list view is a list-based view of a collection entity providing features: pagination for large collections, custom data views, searching, and bulk actions.

![A collection list view](../images/people_listview.png)
![A collection list view](../images/listview.png)

## Configuring a list view

Expand Down
2 changes: 1 addition & 1 deletion 14/umbraco-ui-builder/collections/overview.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ description: Configuring collection in Umbraco UI Builder, the backoffice UI bui

A collection is the cornerstone Umbraco UI Builder config and it represents a collection of entities for a given data model. From this config object, you can configure everything about how this collection integrates into the UI. You can also configure how it should display in a list view as well as how it should be edited.

![A collection list view](../images/people_listview.png)
![A collection list view](../images/listview.png)

Get started by reviewing the basics of collection configuration.

Expand Down
2 changes: 1 addition & 1 deletion 14/umbraco-ui-builder/collections/related-collections.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ A classic example is with `Students` and `Courses`. Each course has many studen

![Parent Collection](../images/related_collections_parent.png)

![Entity Picker](../images/related_collections_entity_picker.png)
![Entity Picker](../images/entity_picker_config.png)

## Collections Representation

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -103,9 +103,9 @@ With your configuration defined and your project compiled, there is one last ste

With the permissions set, you can refresh your browser and you should now see your new section available in the site navigation.

![People list view](../images/people_listview.png)
![People list view](../images/listview.png)

![People editor](../images/people_editor.png)
![People editor](../images/editor.png)

## Summary

Expand Down
Binary file modified 14/umbraco-ui-builder/images/bulk_actions.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified 14/umbraco-ui-builder/images/bulk_actions_menu.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified 14/umbraco-ui-builder/images/cards.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified 14/umbraco-ui-builder/images/child_collections.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified 14/umbraco-ui-builder/images/comments_listview.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified 14/umbraco-ui-builder/images/content_apps.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified 14/umbraco-ui-builder/images/context_app.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified 14/umbraco-ui-builder/images/dashboard.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified 14/umbraco-ui-builder/images/dashboards.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified 14/umbraco-ui-builder/images/data_views.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified 14/umbraco-ui-builder/images/editor.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified 14/umbraco-ui-builder/images/entity_picker_config.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified 14/umbraco-ui-builder/images/entity_picker_picked.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified 14/umbraco-ui-builder/images/entity_picker_search.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified 14/umbraco-ui-builder/images/entity_picker_setup.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified 14/umbraco-ui-builder/images/filterable_properties.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed 14/umbraco-ui-builder/images/konstrukt.png
Binary file not shown.
Binary file modified 14/umbraco-ui-builder/images/listview.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed 14/umbraco-ui-builder/images/people_editor.png
Binary file not shown.
Binary file removed 14/umbraco-ui-builder/images/people_listview.png
Binary file not shown.
Binary file modified 14/umbraco-ui-builder/images/permissions.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified 14/umbraco-ui-builder/images/related_collections_child.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Binary file modified 14/umbraco-ui-builder/images/related_collections_parent.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified 14/umbraco-ui-builder/images/row_actions_menu.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified 14/umbraco-ui-builder/images/search.png
Binary file removed 14/umbraco-ui-builder/images/section_dashboard.png
Diff not rendered.
10 changes: 1 addition & 9 deletions 14/umbraco-ui-builder/known-issues.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,19 +7,11 @@ description: Known issues in Umbraco UI Builder, the backoffice UI builder for U
Umbraco UI Builder tries its best to mimic the content pipeline as closely as possible whilst sticking to public and supported APIs. This is so that the Data Type suite can be used fully for editing properties. There are some features in the Umbraco Core that are locked away in internal methods. This means that some features may not be fully supported. Below is a list of known issues to date.

{% hint style="warning" %}
The Property Editor articles are a work in progress and may undergo further revisions, updates, or amendments. The information contained herein is subject to change without notice.
This page is a work in progress and may undergo further revisions, updates, or amendments. The information contained herein is subject to change without notice.
{% endhint %}

## Property Editors

### Tags

Whilst we have support for persisting the tag's value, we don't currently have the ability to write these tags to the `cmsTags` DB table. This is all handled via a `tagsRepository` which is internal so we currently can't save to it as core does.

### Multi-Node Tree Picker

When using a Multi-Node Tree Picker with an XPath filter, only filters starting with the `$root` placeholder will be valid. This is because all other placeholders expect the property editor to be placed on a content node, with that node being used as context.

### RTE Macros

Macros in Rich Text Editors don't appear to work properly due to the preview mechanism. They save and run on the front end, but you'll get an error notification in the backoffice as it tries to render a preview.
Loading