Skip to content

Commit

Permalink
Fixes - toolbox, elements
Browse files Browse the repository at this point in the history
  • Loading branch information
julitafalcondusza committed Sep 26, 2024
1 parent b9f123a commit de2bb3a
Show file tree
Hide file tree
Showing 5 changed files with 12 additions and 12 deletions.
16 changes: 8 additions & 8 deletions docs/content_management/create_edit_pages.md
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@ Page Builder user interface consists of:

A. Drop zone

B. Elements / Structure view toolbox
B. Page blocks / Structure view toolbox

C. Settings toolbar (including Fields, Visibility and Schedule settings)

Expand All @@ -74,17 +74,17 @@ The following table presents buttons and provides a short description of their f
|![Preview segments](page_builder_toolbar_preview_segment.png)|Access preview of the Page for a given segment.|
|![Timeline button](page_builder_toolbartimelinetoggler.png)|Access the timeline to preview how the Page changes with time. You can also view the list of all upcoming scheduled events.|
|![View toggler](page_builder_toolbar_devicestoggler.png)|Toggle through to see how the Page is rendered on different devices.|
|![Elements toolbox](page_builder_toolboxelements.png)|Move Elements / Structure view toolbox to the other side of the screen.|
|![Page blocks toolbox](page_builder_toolboxelements.png)|Move Page blocks / Structure view toolbox to the other side of the screen.|
|![Undo](page_builder_toolbar_undo.png)|Undo latest change.|
|![Redo](page_builder_toolbar_redo.png)|Redo latest change.|

Page Builder has two main views that you can use while creating a page:

- Elements toolbox - consists of all available elements that you can use by dragging them and dropping on a drop zone.
- **Page blocks** toolbox - consists of all available elements that you can use by dragging them and dropping on a drop zone.

![Elements toolbox](img/elements_toolbox.png)
![Page blocks toolbox](img/page_blocks_toolbox.png)

- Structure view toolbox - shows a structure of your page, including their division into zones and the blocks that they contain.
- **Structure view** toolbox - shows a structure of your page, including their division into zones and the blocks that they contain.

![Structure view toolbox](img/structure_view.png)

Expand All @@ -102,7 +102,7 @@ To do it, click **Swicth layouts** button.

### Add blocks

In Page Builder you can access a toolbox of **Elements** — a set of blocks of content that you can add to the zones of the Page.
In Page Builder you can access a toolbox of **Page blocks** — a set of blocks of content that you can add to the zones of the Page.
Each block is unique in its function and enables you to customize the content appearing on the Page.

Add a block by dragging it from the toolbox to an empty place on a zone.
Expand All @@ -111,7 +111,7 @@ You can reorder blocks later, in a few ways:

- drag and drop block in the desired location on a drop zone
- hover over the block and use 'Move up' and 'Move down' function in the settings of the block
- access Structure view toolbox and use 'Move up' and 'Move down' function in the settings of the block
- access **Structure view** toolbox and use 'Move up' and 'Move down' function in the settings of the block

![Structure view toolbox - reorder blocks](structure_view_move.png)

Expand All @@ -120,7 +120,7 @@ Before you drop it, a bold line appears - it helps you see the position of the

![Drop zone line](drop_zone_line.png)

When you add a block by dragging it from Elements toolbox into the drop zone,
When you add a block by dragging it from **Page blocks** toolbox into the drop zone,
the block settings panel open immediately where you can configure all block properties.

![Block properties](block_properties.png)
Expand Down
2 changes: 1 addition & 1 deletion docs/content_management/work_with_forms.md
Original file line number Diff line number Diff line change
Expand Up @@ -104,7 +104,7 @@ In the following example, you can learn how to create a Newsletter form and use

5\. Click **Save** button and then **Confirm**.

6\. Now, you can use **a Newsletter** form on your page. Open your site using Page Builder and from the **Elements** toolbar choose **Form**. Drag it and drop on the zone.
6\. Now, you can use **a Newsletter** form on your page. Open your site using Page Builder and from the **Page blocks** toolbox choose **Form**. Drag it and drop on the zone.

Check warning on line 107 in docs/content_management/work_with_forms.md

View workflow job for this annotation

GitHub Actions / vale

[vale] docs/content_management/work_with_forms.md#L107

[Ibexa.EOLWhitespace] Remove whitespace characters from the end of the line.
Raw output
{"message": "[Ibexa.EOLWhitespace] Remove whitespace characters from the end of the line.", "location": {"path": "docs/content_management/work_with_forms.md", "range": {"start": {"line": 107, "column": 175}}}, "severity": "WARNING"}

![Add to page](img/newsletter_add_to_page.png)

Expand Down
4 changes: 2 additions & 2 deletions docs/getting_started/dashboard/work_with_dashboard.md
Original file line number Diff line number Diff line change
Expand Up @@ -84,14 +84,14 @@ You can reorder blocks in a few ways:

- drag and drop block in the desired location on a drop zone
- use **Move up block** or **Move down block** option from the block toolbox
- access the **Structure view** and use **Move up** or **Move down** option in the settings of the block
- access the **Structure view** toolbox and use **Move up** or **Move down** option in the settings of the block

When you add a new block to the drop zone, drop it in the blue highlighted area.
Before you drop it, a bold line appears - it helps you see the position of the newly added block in relation to other, already added blocks.

![Drop zone line](dashboard_blue_line.png)

When you add a block by dragging it from **Dashboard blocks** menu into the drop zone, the block settings panel open immediately where you can configure all block properties.
When you add a block by dragging it from **Dashboard blocks** toolbox into the drop zone, the block settings panel open immediately where you can configure all block properties.

Check warning on line 94 in docs/getting_started/dashboard/work_with_dashboard.md

View workflow job for this annotation

GitHub Actions / vale

[vale] docs/getting_started/dashboard/work_with_dashboard.md#L94

[Ibexa.DontCapitalize] Don't capitalize 'Dashboard' if inside the sentence.
Raw output
{"message": "[Ibexa.DontCapitalize] Don't capitalize 'Dashboard' if inside the sentence.", "location": {"path": "docs/getting_started/dashboard/work_with_dashboard.md", "range": {"start": {"line": 94, "column": 44}}}, "severity": "WARNING"}

![Block properties](dashboard_block_properties.png)

Expand Down
2 changes: 1 addition & 1 deletion docs/personalization/integrate_scenario_results.md
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ Follow these steps to add and configure the Personalized block to a Page:

1. In [content tree](discover_ui.md#content-tree), navigate to the page in which you want to place a personalization block.

1. From the **Elements** menu, drag and drop the **Personalized** block to a location on the page layout.
1. From the **Page blocks** toolbox, drag and drop the **Personalized** block to a location on the page layout.

1. Click the **Block settings** icon to modify the **Personalized** block:

Expand Down

0 comments on commit de2bb3a

Please sign in to comment.