Skip to content

UI Builder: Updated format of Areas section #6910

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.

Sign up for GitHub

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

Merged
merged 5 commits into from
Feb 25, 2025
Merged

UI Builder: Updated format of Areas section #6910

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
d179f6c
Updated format
eshanrnh Feb 25, 2025
10c2cdb
Reverted back to context apps as it is different from content apps
eshanrnh Feb 25, 2025
93b7fdc
Incoproated review comment
eshanrnh Feb 25, 2025
0cb546d
Rearranged the method syntax and example
eshanrnh Feb 25, 2025
451b795
Incorporated review comments
eshanrnh Feb 25, 2025
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
22 changes: 10 additions & 12 deletions 15/umbraco-ui-builder/areas/overview.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,19 +1,17 @@
---
description: Choosing an area to connect Umbraco UI Builder, the backoffice UI builder for Umbraco.
description: Learn how to choose and configure the appropriate area for connecting Umbraco UI builder for Umbraco.
---

# Areas

There are different areas of the Umbraco UI that Umbraco UI Builder can be injected into. Before you get to managing your actual content you need to choose which area makes the most sense to present that data in. Then you can review how to go about configuring that particular type of area.
Umbraco UI Builder can be integrated into different areas of the Umbraco Backoffice. Before you start managing content, it is essential to decide which area best suits the presentation of your data. Each area offers unique features for displaying and interacting with content.

Choose an area type from the list below to find out more.
Once you have identified the most appropriate area, you can proceed with configuring it to suit your needs.

{% content-ref url="sections.md" %}
[sections.md](sections.md)
{% endcontent-ref %}
{% content-ref url="dashboards.md" %}
[dashboards.md](dashboards.md)
{% endcontent-ref %}
{% content-ref url="context-apps.md" %}
[context-apps.md](context-apps.md)
{% endcontent-ref %}
## Key Areas for Integration

- [Sections](sections.md): The Sections area allows you to organize your content in a structured layout, enabling users to navigate different parts of the backoffice.
- [Dashboards](dashboards.md): The Dashboards area is ideal for creating custom views that provide quick access to key information and statistics.
- [Context Apps](context-apps.md): Context Apps provide contextual tools and information based on the specific content a user is working with.

Selecting the correct area is essential to ensure your UI is both functional and user-friendly. Consider the nature of your content and the tasks users need to perform when deciding which area to use.
Loading