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

[GraFx Studio] Multipage #458

Merged
merged 4 commits into from
Dec 18, 2024
Merged
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
26 changes: 26 additions & 0 deletions docs/GraFx-Studio/concepts/pages/index.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
# Multi-Page Support in GraFx Studio

**GraFx Studio** supports multi-page documents[^1].

This is primarily relevant in a **print environment**. Understanding when and why to use multiple pages depends on the **intent** of your design project.

[^1]: As of writing, a maximum of 50 pages is supported.

## When to Use Multi-Page Documents

GraFx Studio offers three [layout **intents**](/GraFx-Studio/concepts/layout-intent/).

## Why Multi-Page Only Makes Sense for Print

In print workflows, multi-page documents are common and essential for:

- **Brochures**: Combining several pages to convey detailed information.
- **Flyers, leaflets**: Presenting extensive content across multiple pages.
- **Business cards**: Typically front- and backside
- **Reports and Booklets**: Structuring content into chapters or sections.

In **digital static** and **digital animated** designs, the concept of multiple pages doesn’t apply. These projects typically involve single-page outputs designed for screens, where navigation is handled differently (e.g., scrolling, slideshows, or animations).

## How To

See [How to add, hide, and delete pages](/GraFx-Studio/guides/pages/).
2 changes: 1 addition & 1 deletion docs/GraFx-Studio/guides/create-projects/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# My projects

See also: [Template Management](/CHILI-GraFx/concepts/template-management/#my-projects) for the full story.
See also: [Template Management](/GraFx-Studio/concepts/template-management/) for the full story.

## Before you start

Expand Down
Binary file added docs/GraFx-Studio/guides/pages/arrangepages.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
66 changes: 66 additions & 0 deletions docs/GraFx-Studio/guides/pages/index.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,66 @@
# Multiple Pages

See also: [Pages & Layout Intents](/GraFx-Studio/concepts/pages/)

![screenshot-full](multipage.gif)

## Add Pages

Choose **Layouts** > **Pages** > **Add Page**
BramVerniest marked this conversation as resolved.
Show resolved Hide resolved

!!! info "Intent matters"
Add Pages is only visible for layouts with print intent

## (Re-)Arrange Pages

Drag a page before or after another page.

![screenshot-full](arrangepages.gif)

## Hide Pages

Click the **Eye** icon on the page, or **"..."** > **Hide Page**

### Good to Know!

- When only one page is visible, it cannot be hidden.
The **Show/Hide** option is disabled, and the Eye icon/toggle is hidden.
- Hidden pages can still be selected and edited.
- Hidden pages do not output.

![screenshot](page01.png)
![screenshot](page02.png)

- Visibility applies to all [layouts](/GraFx-Studio/concepts/layouts/).
It is not possible to hide different pages in different layouts.
- When a document is loaded, the first visible page is selected.

![screenshot](page01.png)

!!! info "[Studio UI](/GraFx-Studio/concepts/template-management/) Considerations"

- Hidden pages are ignored.
The page navigation panel only shows snapshots of visible pages.
When only one page is visible, the panel is hidden.
In the example below, page 1 is hidden, so it is not shown in the panel:

![screenshot-full](page03.png)

- Page numbers only reflect visible pages (the end-user doesn’t need to know about hidden pages).
- Upon loading, the first visible page is selected.

!!! warning "Digital"

- Layouts with a **digital intent** use the first **visible page** instead of always using page 1.
If you hide page 1, it affects all digital layouts.

## Delete Pages

Click **"..."** > **Delete Page**

Confirm the deletion (or cancel).

!!! info "Delete Last Page"

When only one page is visible, it cannot be deleted.
The **Delete** option is disabled.
Binary file added docs/GraFx-Studio/guides/pages/multipage.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/GraFx-Studio/guides/pages/page01.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 added docs/GraFx-Studio/guides/pages/page02.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 added docs/GraFx-Studio/guides/pages/page03.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions mkdocs.yml
Original file line number Diff line number Diff line change
Expand Up @@ -248,6 +248,7 @@ nav:
- 'Layout Intent': 'GraFx-Studio/concepts/layout-intent/index.md'
- 'Output settings': 'GraFx-Studio/concepts/output-settings/index.md'
- 'Output Tasks': 'GraFx-Studio/concepts/output-tasks/index.md'
- 'Pages': 'GraFx-Studio/concepts/pages/index.md'
- 'Private Data': 'GraFx-Studio/concepts/private-data/index.md'
- 'Shapes': 'GraFx-Studio/concepts/shapes/index.md'
- 'Snapping': 'GraFx-Studio/concepts/snapping/index.md'
Expand All @@ -269,6 +270,8 @@ nav:
- 'Crop images': 'GraFx-Studio/guides/cropping/index.md'
- 'Fonts': 'GraFx-Studio/guides/add-fonts/index.md'
- 'Image Frames': 'GraFx-Studio/guides/image-frame/index.md'
- 'Layouts': 'GraFx-Studio/guides/layouts/index.md'
- 'Pages': 'GraFx-Studio/guides/pages/index.md'
- 'Paragraph Styles': 'GraFx-Studio/guides/paragraphstyles/index.md'
- 'Shape Frames': 'GraFx-Studio/guides/shape-frame/index.md'
- 'Swatches': 'GraFx-Studio/guides/swatches/index.md'
Expand Down
Loading