diff --git a/docs/CHILI-GraFx/trust/compliance/index.md b/docs/CHILI-GraFx/trust/compliance/index.md index c2a29ec6..dca5dc88 100644 --- a/docs/CHILI-GraFx/trust/compliance/index.md +++ b/docs/CHILI-GraFx/trust/compliance/index.md @@ -16,8 +16,8 @@ These classifications are [listed on our website](https://www.chili-publish.com/ Our compliance team works hard to meet your organization’s compliance needs. We are proud to annouce we are ISO27001:2017 certified. -![Logo](https://www.datocms-assets.com/11099/1643128549-iso-brand-compliance.png?auto=format&dpr=0.62&w=600) +![Logo](iso-27001-2022.png) -[Download statement of applicability](https://cdn6.chili-publish.com/hub/Legal/CHILI_publish_ISO27001_Statement_of_Applicability_v120.pdf) +[Download statement of applicability](https://cdn6.chili-publish.com/hub/Legal/CHILI_publish_ISO27001_Statement_of_Applicability_v121_Jul17th_2024.pdf) -[ISO 27001:2017 Certificate](https://cdn6.chili-publish.com/hub/Legal/NL_1527.1.1-CHILI_publish_N.V.-ISO_27001.pdf) \ No newline at end of file +[ISO 27001:2017 Certificate](https://cdn6.chili-publish.com/hub/Legal/NL_1853.1.1_CHILI_publish_NV_ISO_27001.pdf) \ No newline at end of file diff --git a/docs/CHILI-GraFx/trust/compliance/iso-27001-2022.png b/docs/CHILI-GraFx/trust/compliance/iso-27001-2022.png new file mode 100644 index 00000000..b1d8bf52 Binary files /dev/null and b/docs/CHILI-GraFx/trust/compliance/iso-27001-2022.png differ diff --git a/docs/GraFx-Studio/concepts/anchoring/anchor04.png b/docs/GraFx-Studio/concepts/anchoring/anchor04.png index b40f6391..b82344d3 100644 Binary files a/docs/GraFx-Studio/concepts/anchoring/anchor04.png and b/docs/GraFx-Studio/concepts/anchoring/anchor04.png differ diff --git a/docs/GraFx-Studio/concepts/anchoring/anchor05.png b/docs/GraFx-Studio/concepts/anchoring/anchor05.png index e16c1640..21a43d5d 100644 Binary files a/docs/GraFx-Studio/concepts/anchoring/anchor05.png and b/docs/GraFx-Studio/concepts/anchoring/anchor05.png differ diff --git a/docs/GraFx-Studio/concepts/anchoring/anchor06.png b/docs/GraFx-Studio/concepts/anchoring/anchor06.png index adb8b882..d3e28fc4 100644 Binary files a/docs/GraFx-Studio/concepts/anchoring/anchor06.png and b/docs/GraFx-Studio/concepts/anchoring/anchor06.png differ diff --git a/docs/GraFx-Studio/concepts/animation/show-timeline.png b/docs/GraFx-Studio/concepts/animation/show-timeline.png index a2699f0c..9ffb0700 100644 Binary files a/docs/GraFx-Studio/concepts/animation/show-timeline.png and b/docs/GraFx-Studio/concepts/animation/show-timeline.png differ diff --git a/docs/GraFx-Studio/concepts/barcodes/barcodes1.gif b/docs/GraFx-Studio/concepts/barcodes/barcodes1.gif index eff74552..b9df029a 100644 Binary files a/docs/GraFx-Studio/concepts/barcodes/barcodes1.gif and b/docs/GraFx-Studio/concepts/barcodes/barcodes1.gif differ diff --git a/docs/GraFx-Studio/concepts/barcodes/index.md b/docs/GraFx-Studio/concepts/barcodes/index.md index a948dc39..ff052689 100644 --- a/docs/GraFx-Studio/concepts/barcodes/index.md +++ b/docs/GraFx-Studio/concepts/barcodes/index.md @@ -17,7 +17,7 @@ Barcodes are created and configured in GraFx Studio (different than in GraFx Pub - Click a barcode from the Barcode library - Configure using the properties panel -![ui](barcodes1.gif) +![screenshot-full](barcodes1.gif) ## Barcode-specific settings @@ -38,13 +38,13 @@ The Bar height property is a decimal number in the unit of the layout Show the character that indicates the light margin -![ui](barcodes2.gif) +![screenshot-full](barcodes2.gif) ## Start and Stop characters Show the start and stop character -![ui](barcodes3.gif) +![screenshot-full](barcodes3.gif) ## Quiet zone @@ -64,9 +64,9 @@ The appearance is the color for a specific part of the barcode. - Background represents the background color - Blend mode: apply [blend modes](/GraFx-Studio/concepts/blendmodes/), similar to image frames -![ui](qr1.png) +![screenshot-full](qr1.png) -![ui](qr_blend.png) +![screenshot-full](qr_blend.png) ## Magnification diff --git a/docs/GraFx-Studio/concepts/headless/code.png b/docs/GraFx-Studio/concepts/headless/code.png new file mode 100644 index 00000000..e4272988 Binary files /dev/null and b/docs/GraFx-Studio/concepts/headless/code.png differ diff --git a/docs/GraFx-Studio/concepts/headless/index.md b/docs/GraFx-Studio/concepts/headless/index.md index 9a413013..42aeaa97 100644 --- a/docs/GraFx-Studio/concepts/headless/index.md +++ b/docs/GraFx-Studio/concepts/headless/index.md @@ -1,3 +1,13 @@ # Headless or automated -Imagine a process that runs in the background, creating collateral in an automated way. +In the context of CHILI GraFx, **"Headless"** or **"Automated"** refers to the ability to produce design variants by interacting directly with the API, without using the graphical interface of GraFx Studio. + +This approach is ideal for scenarios where you want to automate the creation of large batches of content, integrate with external systems, or streamline workflows that don't require manual input. By leveraging the API, you can: + +- **Generate Variants at Scale**: Automatically create hundreds or thousands of variations without manual intervention. +- **Integrate Seamlessly**: Connect GraFx Studio with your existing systems, like DAMs, PIMs, or e-commerce platforms. +- **Run Background Processes**: Initiate batch jobs and monitor output tasks programmatically. + +Headless automation empowers you to use the powerful capabilities of GraFx Studio while keeping everything behind the scenes, providing flexibility and efficiency for high-volume or fully automated workflows. + +![screenshot-full](code.png) \ No newline at end of file diff --git a/docs/GraFx-Studio/concepts/helper-functions/panel1.png b/docs/GraFx-Studio/concepts/helper-functions/panel1.png index 1b32ab4b..4a036bfa 100644 Binary files a/docs/GraFx-Studio/concepts/helper-functions/panel1.png and b/docs/GraFx-Studio/concepts/helper-functions/panel1.png differ diff --git a/docs/GraFx-Studio/concepts/pages/index.md b/docs/GraFx-Studio/concepts/pages/index.md new file mode 100644 index 00000000..072543ed --- /dev/null +++ b/docs/GraFx-Studio/concepts/pages/index.md @@ -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/). \ No newline at end of file diff --git a/docs/GraFx-Studio/guides/add-fonts/bottom-quicktools-ui.png b/docs/GraFx-Studio/guides/add-fonts/bottom-quicktools-ui.png new file mode 100644 index 00000000..ebdf3be2 Binary files /dev/null and b/docs/GraFx-Studio/guides/add-fonts/bottom-quicktools-ui.png differ diff --git a/docs/GraFx-Studio/guides/add-fonts/index.md b/docs/GraFx-Studio/guides/add-fonts/index.md index f5532492..131b0cf2 100644 --- a/docs/GraFx-Studio/guides/add-fonts/index.md +++ b/docs/GraFx-Studio/guides/add-fonts/index.md @@ -2,24 +2,26 @@ Open the Stylekit panel. -![Button](fonts-1.png) +![screenshotsmall](bottom-quicktools-ui.png) + +![screenshot](resources-panel.png) Select the fonts icon to check the already available fonts in your document. -![Image](fonts-2.png) +![screenshot](fonts-2.png) Click on the "+" sign to add a new font. The available fonts are shown ([GraFx Fonts](/GraFx-Fonts/) application). -![Image](fonts-3.png) +![screenshot](fonts-3.png) Select the font family you wish to add to your document. Remark: The full family will be added to your document. -![Image](fonts-4.png) +![screenshot](fonts-4.png) Your font family is now available to use in the document. -![Image](fonts-5.png) \ No newline at end of file +![screenshot](fonts-5.png) \ No newline at end of file diff --git a/docs/GraFx-Studio/guides/add-fonts/resources-panel.png b/docs/GraFx-Studio/guides/add-fonts/resources-panel.png new file mode 100644 index 00000000..307375c8 Binary files /dev/null and b/docs/GraFx-Studio/guides/add-fonts/resources-panel.png differ diff --git a/docs/GraFx-Studio/guides/barcodes/add/barcodes1.gif b/docs/GraFx-Studio/guides/barcodes/add/barcodes1.gif index eff74552..c18c3c7a 100644 Binary files a/docs/GraFx-Studio/guides/barcodes/add/barcodes1.gif and b/docs/GraFx-Studio/guides/barcodes/add/barcodes1.gif differ diff --git a/docs/GraFx-Studio/guides/barcodes/add/index.md b/docs/GraFx-Studio/guides/barcodes/add/index.md index 71ed4da8..afd73556 100644 --- a/docs/GraFx-Studio/guides/barcodes/add/index.md +++ b/docs/GraFx-Studio/guides/barcodes/add/index.md @@ -11,7 +11,7 @@ Some properties will not be visible, because the definition of this barcode don' Some properties can be found under the "..." (three dots) menu -![ui](barcodes1.gif) +![screenshot-full](barcodes1.gif) ## Values in barcodes @@ -19,7 +19,7 @@ Some properties can be found under the "..." (three dots) menu By default, you can enter a static value in the barcode properties. (Set value) -![ui](staticvalue.png) +![screenshot-full](staticvalue.png) ### Variable value @@ -27,8 +27,8 @@ To unleash the power of real Creative Automation, you can link a value to a vari Start by defining your variable. [See Variables](/GraFx-Studio/guides/template-variables/define/) -![ui](variables.png) +![screenshot-full](variables.png) Link the variable to your Bar- or QR code. -![ui](variablevalue.png) +![screenshot-full](variablevalue.png) diff --git a/docs/GraFx-Studio/guides/characterstyles/bottom-quicktools-ui.png b/docs/GraFx-Studio/guides/characterstyles/bottom-quicktools-ui.png new file mode 100644 index 00000000..b8331f8f Binary files /dev/null and b/docs/GraFx-Studio/guides/characterstyles/bottom-quicktools-ui.png differ diff --git a/docs/GraFx-Studio/guides/characterstyles/index.md b/docs/GraFx-Studio/guides/characterstyles/index.md index 96c7ee44..bdd62f47 100644 --- a/docs/GraFx-Studio/guides/characterstyles/index.md +++ b/docs/GraFx-Studio/guides/characterstyles/index.md @@ -2,41 +2,43 @@ ## Define a character style -Open the Stylekit panel. +Open the **Resource Panel** > **Stylekit panel**. -![Button](cs-1.png) +![screenshotsmall](bottom-quicktools-ui.png) -Select the second tab to view paragraph- and character styles +![screenshot](stylekit.png) -![Image](cs-2.png) +Select the first tab to view paragraph- and character styles + +![screenshot](cs-2.png) Click on the "+" sign to ad a new character style (bottom section is for character styles). Each click on the "+" sign will add another (empty) character style. -![Image](cs-3.png) +![screenshot](cs-3.png) Click on the "..." menu next to the newly created style and choose edit or click the pencil to edit the style. You can rename the style by clicking "Rename" in the "..." menu. -![Image](cs-4.png) +![screenshot](cs-4.png) Set all properties you want for this character. Saving happens automatically. -![Image](cs-9.png) +![screenshot](cs-9.png) ## Apply a character style Select the text you want to apply the character style to. -![Image](cs-6.png) +![screenshot](cs-6.png) DIfferent than with paragraph styles, with character styles you need to select the character or words you want to apply the style to. In the properties panel on the right, select the character style from the dropdown list. -![Image](cs-7.png) +![screenshot](cs-7.png) Your selected text now has the character style applied. -![Image](cs-8.png) \ No newline at end of file +![screenshot](cs-8.png) \ No newline at end of file diff --git a/docs/GraFx-Studio/guides/characterstyles/stylekit.png b/docs/GraFx-Studio/guides/characterstyles/stylekit.png new file mode 100644 index 00000000..40c8876d Binary files /dev/null and b/docs/GraFx-Studio/guides/characterstyles/stylekit.png differ diff --git a/docs/GraFx-Studio/guides/create-projects/index.md b/docs/GraFx-Studio/guides/create-projects/index.md index 4991e599..9ed2d207 100644 --- a/docs/GraFx-Studio/guides/create-projects/index.md +++ b/docs/GraFx-Studio/guides/create-projects/index.md @@ -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 diff --git a/docs/GraFx-Studio/guides/image-frame/bottom-quicktools-ui.png b/docs/GraFx-Studio/guides/image-frame/bottom-quicktools-ui.png new file mode 100644 index 00000000..b8331f8f Binary files /dev/null and b/docs/GraFx-Studio/guides/image-frame/bottom-quicktools-ui.png differ diff --git a/docs/GraFx-Studio/guides/image-frame/image-3.png b/docs/GraFx-Studio/guides/image-frame/image-3.png index 1f16dd9c..f7e0b402 100644 Binary files a/docs/GraFx-Studio/guides/image-frame/image-3.png and b/docs/GraFx-Studio/guides/image-frame/image-3.png differ diff --git a/docs/GraFx-Studio/guides/image-frame/index.md b/docs/GraFx-Studio/guides/image-frame/index.md index 41798498..ed5bc84e 100644 --- a/docs/GraFx-Studio/guides/image-frame/index.md +++ b/docs/GraFx-Studio/guides/image-frame/index.md @@ -6,7 +6,7 @@ See concept [Image frames](/GraFx-Studio/concepts/frames/#image-frame) Select the image tool in the sidebar. You can also use the shortcut for the shape you wish to draw. -![screenhot](image-1.png) +![screenshotsmall](image-1.png) Drag a rectangle on the canvas. The frame will initially look like a crossed rectangle. @@ -14,13 +14,15 @@ Drag a rectangle on the canvas. The frame will initially look like a crossed rec ## Choose media -With the frame selected, open the media panel, and select an asset. +With the frame selected, open the **resource panel** > **media panel**, and select an asset. -![screen](image-3.png) +![screenshotsmall](bottom-quicktools-ui.png) -![screen](image-4.png) +![screenshot](image-3.png) -![screen](image-5.png) +![screenshot](image-4.png) + +![screenshot](image-5.png) The initial fit of the asset in the frame is to fill the frame. (see Fill properties below) @@ -30,28 +32,28 @@ Similar properties as with all frames. See [Basic properties](/GraFx-Studio/conc ### Fill properties -![screen](fitfill.png) +![screenshot-full](fitfill.png) #### Fit Choose the Fit property, to fit the full imge inside the frame. Whitespace is created if needed, to fit the full image. -![screen](image-7.png) +![screenshot](image-7.png) #### Fill Choose the Fill property, to fill the full frame with the image. No whitespace is left inside the frame. Part of the image is hidden. -![screen](image-6.png) +![screenshot](image-6.png) #### Aspect radio If the image and the frame have the exact aspect ratio, there will be no difference between fitt and fill. -![screen](fit.png) +![screenshot-full](fit.png) -![screen](fill.png) +![screenshot-full](fill.png) #### Crop diff --git a/docs/GraFx-Studio/guides/image-frame/resources-panel.png b/docs/GraFx-Studio/guides/image-frame/resources-panel.png new file mode 100644 index 00000000..307375c8 Binary files /dev/null and b/docs/GraFx-Studio/guides/image-frame/resources-panel.png differ diff --git a/docs/GraFx-Studio/guides/pages/arrangepages.gif b/docs/GraFx-Studio/guides/pages/arrangepages.gif new file mode 100644 index 00000000..6e04745d Binary files /dev/null and b/docs/GraFx-Studio/guides/pages/arrangepages.gif differ diff --git a/docs/GraFx-Studio/guides/pages/index.md b/docs/GraFx-Studio/guides/pages/index.md new file mode 100644 index 00000000..369aa50d --- /dev/null +++ b/docs/GraFx-Studio/guides/pages/index.md @@ -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** + +!!! 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. \ No newline at end of file diff --git a/docs/GraFx-Studio/guides/pages/multipage.gif b/docs/GraFx-Studio/guides/pages/multipage.gif new file mode 100644 index 00000000..c49d35fa Binary files /dev/null and b/docs/GraFx-Studio/guides/pages/multipage.gif differ diff --git a/docs/GraFx-Studio/guides/pages/page01.png b/docs/GraFx-Studio/guides/pages/page01.png new file mode 100644 index 00000000..24f7cec5 Binary files /dev/null and b/docs/GraFx-Studio/guides/pages/page01.png differ diff --git a/docs/GraFx-Studio/guides/pages/page02.png b/docs/GraFx-Studio/guides/pages/page02.png new file mode 100644 index 00000000..c9146b6e Binary files /dev/null and b/docs/GraFx-Studio/guides/pages/page02.png differ diff --git a/docs/GraFx-Studio/guides/pages/page03.png b/docs/GraFx-Studio/guides/pages/page03.png new file mode 100644 index 00000000..598df37b Binary files /dev/null and b/docs/GraFx-Studio/guides/pages/page03.png differ diff --git a/docs/GraFx-Studio/guides/paragraphstyles/bottom-quicktools-ui.png b/docs/GraFx-Studio/guides/paragraphstyles/bottom-quicktools-ui.png new file mode 100644 index 00000000..b8331f8f Binary files /dev/null and b/docs/GraFx-Studio/guides/paragraphstyles/bottom-quicktools-ui.png differ diff --git a/docs/GraFx-Studio/guides/paragraphstyles/index.md b/docs/GraFx-Studio/guides/paragraphstyles/index.md index 90e7e3a1..a52217fb 100644 --- a/docs/GraFx-Studio/guides/paragraphstyles/index.md +++ b/docs/GraFx-Studio/guides/paragraphstyles/index.md @@ -2,26 +2,28 @@ ## Define a paragraph style -Open the Stylekit panel. +Open the **Resource Panel** > **Stylekit panel**. -![Button](ps-1.png) +![screenshotsmall](bottom-quicktools-ui.png) + +![screenshot](stylekit.png) Select the first tab to view paragraph- and character styles -![Image](ps-2.png) +![screenshot](ps-2.png) Click on the "+" sign to ad a new paragraph style. Each click on the "+" sign will add another (empty) paragraph style. -![Image](ps-3.png) +![screenshot](ps-3.png) Click on the "..." menu next to the newly created paragraph style and choose edit or click the pencil to edit the style. -![Image](ps-4.png) +![screenshot](ps-4.png) Set all properties you want for this paragraph. Saving happens automatically. -![Image](ps-8.png) +![screenshot-full](ps-8.png) ## Apply a paragraph style @@ -30,4 +32,4 @@ A paragraph is defined between the start of a sentence, up to the end-of-line ch In the properties panel on the right, select the paragraph style from the dropdown list. -![Image](ps-6.png) \ No newline at end of file +![screenshot](ps-6.png) \ No newline at end of file diff --git a/docs/GraFx-Studio/guides/paragraphstyles/stylekit.png b/docs/GraFx-Studio/guides/paragraphstyles/stylekit.png new file mode 100644 index 00000000..40c8876d Binary files /dev/null and b/docs/GraFx-Studio/guides/paragraphstyles/stylekit.png differ diff --git a/docs/GraFx-Studio/guides/swatches/bottom-quicktools-ui.png b/docs/GraFx-Studio/guides/swatches/bottom-quicktools-ui.png new file mode 100644 index 00000000..b8331f8f Binary files /dev/null and b/docs/GraFx-Studio/guides/swatches/bottom-quicktools-ui.png differ diff --git a/docs/GraFx-Studio/guides/swatches/index.md b/docs/GraFx-Studio/guides/swatches/index.md index 3c2d5c13..cb0ed151 100644 --- a/docs/GraFx-Studio/guides/swatches/index.md +++ b/docs/GraFx-Studio/guides/swatches/index.md @@ -2,24 +2,26 @@ ## Define a swatch -Open the Stylekit panel. +Open the **Resource Panel** > **Stylekit panel**. -![Button](stylekit-panel.png) +![screenshotsmall](bottom-quicktools-ui.png) + +![screenshot](stylekit.png) Select the second tab to view swatches -![Image](swatch-1.png) +![screenshot](swatch-1.png) Click on the "+" sign to add a new swatch. Each click on the "+" sign will add another (white) swatch. -![Image](swatch-2.png) +![screenshot](swatch-2.png) Click on the "..." menu next to the newly created swatch and choose edit or click the color to edit. You can rename by clicking "Rename" in the "..." menu. -![Image](swatch-3.png) +![screenshot](swatch-3.png) ### Color picker @@ -71,6 +73,6 @@ You can define a SPOT color with a name. This color will appear in the PDF outpu Where you can choose a color (character style or paragraph style), you'll be able to click the color and choose the swatch. -![Image](swatch-5.png) +![screenshot-full](swatch-5.png) Select "custom" to define a color ad-hoc. diff --git a/docs/GraFx-Studio/guides/swatches/stylekit.png b/docs/GraFx-Studio/guides/swatches/stylekit.png new file mode 100644 index 00000000..40c8876d Binary files /dev/null and b/docs/GraFx-Studio/guides/swatches/stylekit.png differ diff --git a/docs/GraFx-Studio/guides/template-variables/define/group01.png b/docs/GraFx-Studio/guides/template-variables/define/group01.png new file mode 100644 index 00000000..bd1d0eb4 Binary files /dev/null and b/docs/GraFx-Studio/guides/template-variables/define/group01.png differ diff --git a/docs/GraFx-Studio/guides/template-variables/define/group02.png b/docs/GraFx-Studio/guides/template-variables/define/group02.png new file mode 100644 index 00000000..ecfea72c Binary files /dev/null and b/docs/GraFx-Studio/guides/template-variables/define/group02.png differ diff --git a/docs/GraFx-Studio/guides/template-variables/define/index.md b/docs/GraFx-Studio/guides/template-variables/define/index.md index 4a4d284a..ec6bdaca 100644 --- a/docs/GraFx-Studio/guides/template-variables/define/index.md +++ b/docs/GraFx-Studio/guides/template-variables/define/index.md @@ -4,16 +4,24 @@ When referring to **variables** we can mean **[Template variables](/GraFx-Studio/concepts/variables/#template-variables)** or **[JavaScript variables](/GraFx-Studio/concepts/variables/#javascript-variables)**. In the context of this page, we are talking about Template variables, unless stated differently. -In the headerbar, choose [Automate](/GraFx-Studio/overview/headerbar/) +In the properties panel (right), choose the wrench & screwdriver tool. + +![screenshot](var01.png) + +Then choose **Variables** + +![screenshot](var02.png) A panel will appear, where you can define your template variables. A list of all template variables that are available in the document shows -- Variable name - Variable type -- Visibility of the variable -- Number of occurrences of the variable in the document +- Variable name +- Pencil icon (when hovering over the variable) +- "..." menu (when hovering over the variable) + +![screenshot](var03.png) ## Options @@ -56,6 +64,15 @@ You can also drag it in the list to where you want to position it. This location does not have any effect on the working of your document. It will only help to guide the end-user to see them in a logical order. +### Group + +You can group variables in a group or folder. This allows you to stay organised in more complex templates. + +Shift-select multiple variables, and group them. After grouping, you can rename the group. + +![screenshot](group01.png) + +![screenshot](group02.png) ## Types @@ -83,20 +100,41 @@ A placeholder that can hold "True" or "False". A Placeholder to hold a numeric value. Different than a text variable, you can set specific elements related to numbers. -## Default state +## Variable settings + +### Variable name + +![screenshot](var07.png) + +In the list of variables, you can double click or "Rename" the variable Name. + +!!! important "Variable name vs Display Label" + + The variable name is the technical name, that will be used for further automation. + In the appearance tab you can set the (display) label, that will be shown in the [Studio UI interface](/GraFx-Studio/concepts/template-management/?h=studio#studio-ui). + +### Default state + +![screenshot](var04.png) The default value your template variable will have. -## Basic properties: +### General properties: + +![screenshot](var05.png) -- Name: Cannot be empty, must be unique - Type: See [types](#types) above - [Visible](#visibility-conditions): Enabled by default -- Read-only: Disabled by default +- Required: Disabled by default +- [Private data](/GraFx-Studio/concepts/private-data/?h=private) +A set of key-value pairs to assist you with automation. ### Appearance settings -These setting define how the template variable is presented: +![screenshot](var06.png) + +These settings define how the template variable is presented: - Label: Can be empty, must not be unique, by default it has the same value as the name (When the name is changed, the label is updated, unless if the label already has a different value) -- Label position +- Placeholder: Default text, to help nudge the end user to fill in something +- Help text: Text that will appear below the variable to add more info what to do with the variable. \ No newline at end of file diff --git a/docs/GraFx-Studio/guides/template-variables/define/var01.png b/docs/GraFx-Studio/guides/template-variables/define/var01.png new file mode 100644 index 00000000..6f250867 Binary files /dev/null and b/docs/GraFx-Studio/guides/template-variables/define/var01.png differ diff --git a/docs/GraFx-Studio/guides/template-variables/define/var02.png b/docs/GraFx-Studio/guides/template-variables/define/var02.png new file mode 100644 index 00000000..1e730e8c Binary files /dev/null and b/docs/GraFx-Studio/guides/template-variables/define/var02.png differ diff --git a/docs/GraFx-Studio/guides/template-variables/define/var03.png b/docs/GraFx-Studio/guides/template-variables/define/var03.png new file mode 100644 index 00000000..8c6dc564 Binary files /dev/null and b/docs/GraFx-Studio/guides/template-variables/define/var03.png differ diff --git a/docs/GraFx-Studio/guides/template-variables/define/var04.png b/docs/GraFx-Studio/guides/template-variables/define/var04.png new file mode 100644 index 00000000..667e9b46 Binary files /dev/null and b/docs/GraFx-Studio/guides/template-variables/define/var04.png differ diff --git a/docs/GraFx-Studio/guides/template-variables/define/var05.png b/docs/GraFx-Studio/guides/template-variables/define/var05.png new file mode 100644 index 00000000..78f70463 Binary files /dev/null and b/docs/GraFx-Studio/guides/template-variables/define/var05.png differ diff --git a/docs/GraFx-Studio/guides/template-variables/define/var06.png b/docs/GraFx-Studio/guides/template-variables/define/var06.png new file mode 100644 index 00000000..d636a417 Binary files /dev/null and b/docs/GraFx-Studio/guides/template-variables/define/var06.png differ diff --git a/docs/GraFx-Studio/guides/template-variables/define/var07.png b/docs/GraFx-Studio/guides/template-variables/define/var07.png new file mode 100644 index 00000000..727e283d Binary files /dev/null and b/docs/GraFx-Studio/guides/template-variables/define/var07.png differ diff --git a/docs/GraFx-Studio/guides/text-frame/autogrow-left-right.png b/docs/GraFx-Studio/guides/text-frame/autogrow-left-right.png new file mode 100644 index 00000000..c4922996 Binary files /dev/null and b/docs/GraFx-Studio/guides/text-frame/autogrow-left-right.png differ diff --git a/docs/GraFx-Studio/guides/text-frame/autogrow-left.png b/docs/GraFx-Studio/guides/text-frame/autogrow-left.png new file mode 100644 index 00000000..7c5f641a Binary files /dev/null and b/docs/GraFx-Studio/guides/text-frame/autogrow-left.png differ diff --git a/docs/GraFx-Studio/guides/text-frame/autogrow-min-max.png b/docs/GraFx-Studio/guides/text-frame/autogrow-min-max.png new file mode 100644 index 00000000..1315b933 Binary files /dev/null and b/docs/GraFx-Studio/guides/text-frame/autogrow-min-max.png differ diff --git a/docs/GraFx-Studio/guides/text-frame/autogrow.png b/docs/GraFx-Studio/guides/text-frame/autogrow.png new file mode 100644 index 00000000..38e405ef Binary files /dev/null and b/docs/GraFx-Studio/guides/text-frame/autogrow.png differ diff --git a/docs/GraFx-Studio/guides/text-frame/autoresize.png b/docs/GraFx-Studio/guides/text-frame/autoresize.png new file mode 100644 index 00000000..c8876e0a Binary files /dev/null and b/docs/GraFx-Studio/guides/text-frame/autoresize.png differ diff --git a/docs/GraFx-Studio/guides/text-frame/copyfit.png b/docs/GraFx-Studio/guides/text-frame/copyfit.png index 56dc659a..2c641df4 100644 Binary files a/docs/GraFx-Studio/guides/text-frame/copyfit.png and b/docs/GraFx-Studio/guides/text-frame/copyfit.png differ diff --git a/docs/GraFx-Studio/guides/text-frame/errorhandling.png b/docs/GraFx-Studio/guides/text-frame/errorhandling.png new file mode 100644 index 00000000..1115e16c Binary files /dev/null and b/docs/GraFx-Studio/guides/text-frame/errorhandling.png differ diff --git a/docs/GraFx-Studio/guides/text-frame/index.md b/docs/GraFx-Studio/guides/text-frame/index.md index 5293a5f8..24290d54 100644 --- a/docs/GraFx-Studio/guides/text-frame/index.md +++ b/docs/GraFx-Studio/guides/text-frame/index.md @@ -1,55 +1,104 @@ -# Text frame +# Text Frame -## Create a text frame +## Create a Text Frame Click the Text tool in the [sidebar](/GraFx-Studio/overview/sidebar/). Drag a frame on the document. ![ui](creattextframe.gif) -## Add text to a text frame +## Add Text to a Text Frame -Double-click inside the text frame, and start typing. +Double-click inside the text frame and start typing. -## Add variable text to a text frame +## Add Variable Text to a Text Frame -See [Work with variables](/GraFx-Studio/guides/template-variables/assign/) +See [Work with variables](/GraFx-Studio/guides/template-variables/assign/). -## Frame properties +## Frame Properties -See [Frame properties](/GraFx-Studio/concepts/frames/) +See [Frame properties](/GraFx-Studio/concepts/frames/). -## Text properties +## Text Properties -### Text style +### Text Style -Choose a predefined [paragraph -](/GraFx-Studio/guides/paragraphstyles/) or [character style](/GraFx-Studio/guides/characterstyles/) for the (selected) text. +Choose a predefined [paragraph style](/GraFx-Studio/guides/paragraphstyles/) or [character style](/GraFx-Studio/guides/characterstyles/) for the selected text. -### Typographic properties +### Typographic Properties -If you don't want to work with predefined styles (highly recommended) you can set the typographic properties for the (selected) text. +If you prefer not to use predefined styles (recommended for consistency), you can manually set typographic properties for the selected text. ![screenshot](typography.png) -1. Choose a font family, weight, and size -2. Vertical spacing for the characters -3. Horizontal spacing for the characters -4. Align the text: left, center, right, and justified -5. Align text vertically to the top (default), center, and bottom of the frame -6. Shift the baseline of the (selected) text -7. Override capitalization by selecting "lowercase" or "uppercase" -8. Make your text superscript or subscript -9. Underline text, Strike-through +1. Select a font family, weight, and size. +2. Adjust vertical spacing between characters. +3. Adjust horizontal spacing between characters. +4. Align text: left, center, right, or justified. +5. Align text vertically to the top (default), center, or bottom of the frame. +6. Shift the baseline of the selected text. +7. Override capitalization by choosing "lowercase" or "uppercase." +8. Apply superscript or subscript formatting. +9. Add underline or strikethrough to text. -### Auto resize +### Auto Resize -In creative automation, your text frame needs to handle datasets, with varying lengths of text. To accommodate different lengths, you can make the copy fit the frame by allowing reduction or growth of the font size. +For creative automation, text frames often need to handle datasets with varying text lengths. Set how the frame should respond to different content lengths: + +- Text Overflow +- Copyfitting +- Auto-grow + +![screenshot](autoresize.png) + +#### Text Overflow + +With no resizing option selected, text that exceeds the frame will trigger a yellow Text overflow indicator below the frame. + +![screenshot](overflow.png) + +See also [Output Settings](/GraFx-Studio/guides/output/settings/) to define how Batch output should handle text overflow. + +![screenshot](errorhandling.png) + +#### Copyfitting + +Select the text frame and enable "Copyfitting" to adjust font size to fit the frame by allowing slight reduction or growth. ![screenshot](copyfit.png) -Choose the minimum and maximum percentage a font size can vary. +Set the minimum and maximum percentages for font size adjustments. + +> Note: When Copyfitting is enabled, Auto-grow is disabled. + +#### Auto-grow + +Enable "Auto-grow" to allow the frame to expand as needed to fit content of varying lengths. For instance, records in a dataset might contain differing character counts. + +> Note: When Auto-grow is enabled, Copyfitting is disabled. + +Choose one or two growth directions (e.g., left, right, up, down). + +![screenshot](autogrow-left.png) + +When selecting "Left" or "Right," you can also add the opposite direction for bidirectional growth. + +![screenshot](autogrow-left-right.png) + +When "Up" is selected, you can also add "Down." + +To enable Auto-grow, select at least one growth direction, or uncheck "Auto-grow" to disable it. + +Define the minimum and maximum frame size if needed. + +> Note: When the maximum height is reached, the text will overflow. + +![screenshot](autogrow-min-max.png) + +!!! info "Rotation" + Auto-grow does not work for rotated frames. If auto-grow is enabled, anchoring for that direction is automatically set to a compatible mode. ### Appearance -Make the frame blend with its background. +Adjust how the frame blends with its background. -See [blend modes](/GraFx-Studio/guides/blendmodes/) +See [Blend Modes](/GraFx-Studio/guides/blendmodes/). \ No newline at end of file diff --git a/docs/GraFx-Studio/guides/text-frame/overflow.png b/docs/GraFx-Studio/guides/text-frame/overflow.png new file mode 100644 index 00000000..cb699e29 Binary files /dev/null and b/docs/GraFx-Studio/guides/text-frame/overflow.png differ diff --git a/docs/GraFx-Studio/overview/bottom-quicktools/bottom-quicktools-ui.png b/docs/GraFx-Studio/overview/bottom-quicktools/bottom-quicktools-ui.png index fbb0ec84..ebdf3be2 100644 Binary files a/docs/GraFx-Studio/overview/bottom-quicktools/bottom-quicktools-ui.png and b/docs/GraFx-Studio/overview/bottom-quicktools/bottom-quicktools-ui.png differ diff --git a/docs/GraFx-Studio/overview/bottom-quicktools/index.md b/docs/GraFx-Studio/overview/bottom-quicktools/index.md index e4b581c1..0f46a2aa 100644 --- a/docs/GraFx-Studio/overview/bottom-quicktools/index.md +++ b/docs/GraFx-Studio/overview/bottom-quicktools/index.md @@ -2,13 +2,17 @@ Set of tools at the bottom of the sidebar. -- Alternate layout +- Layouts - Layers & Animation -- Media browser -- Barcodes -- Stylekit Panel +- Resources + - Stylekit Panel + - Media + - Data Source + - Barcodes -![appscreen](bottom-quicktools-ui.png) +![screenshotsmall](bottom-quicktools-ui.png) + +![screenshot](resources-panel.png) E.g. When selecting the **Layers and Animation** tool, an extra properties panel will open. diff --git a/docs/GraFx-Studio/overview/bottom-quicktools/resources-panel.png b/docs/GraFx-Studio/overview/bottom-quicktools/resources-panel.png new file mode 100644 index 00000000..307375c8 Binary files /dev/null and b/docs/GraFx-Studio/overview/bottom-quicktools/resources-panel.png differ diff --git a/docs/GraFx-Studio/overview/document-canvas/editor-labeled.png b/docs/GraFx-Studio/overview/document-canvas/editor-labeled.png index fa0a6181..ee83237b 100644 Binary files a/docs/GraFx-Studio/overview/document-canvas/editor-labeled.png and b/docs/GraFx-Studio/overview/document-canvas/editor-labeled.png differ diff --git a/docs/GraFx-Studio/overview/document/editor-doc.png b/docs/GraFx-Studio/overview/document/editor-doc.png index ff3f17c8..69631765 100644 Binary files a/docs/GraFx-Studio/overview/document/editor-doc.png and b/docs/GraFx-Studio/overview/document/editor-doc.png differ diff --git a/docs/GraFx-Studio/overview/hamburger-menu/edit.png b/docs/GraFx-Studio/overview/hamburger-menu/edit.png index 5711afc3..a076ec95 100644 Binary files a/docs/GraFx-Studio/overview/hamburger-menu/edit.png and b/docs/GraFx-Studio/overview/hamburger-menu/edit.png differ diff --git a/docs/GraFx-Studio/overview/hamburger-menu/file.png b/docs/GraFx-Studio/overview/hamburger-menu/file.png index 2a0d0d74..d790990e 100644 Binary files a/docs/GraFx-Studio/overview/hamburger-menu/file.png and b/docs/GraFx-Studio/overview/hamburger-menu/file.png differ diff --git a/docs/GraFx-Studio/overview/hamburger-menu/hamburger-menu.png b/docs/GraFx-Studio/overview/hamburger-menu/hamburger-menu.png index 55f4215c..d4b3d855 100644 Binary files a/docs/GraFx-Studio/overview/hamburger-menu/hamburger-menu.png and b/docs/GraFx-Studio/overview/hamburger-menu/hamburger-menu.png differ diff --git a/docs/GraFx-Studio/overview/hamburger-menu/hamburger1.png b/docs/GraFx-Studio/overview/hamburger-menu/hamburger1.png index 0df189db..d4b3d855 100644 Binary files a/docs/GraFx-Studio/overview/hamburger-menu/hamburger1.png and b/docs/GraFx-Studio/overview/hamburger-menu/hamburger1.png differ diff --git a/docs/GraFx-Studio/overview/hamburger-menu/view.png b/docs/GraFx-Studio/overview/hamburger-menu/view.png index e93562b8..95c78dbe 100644 Binary files a/docs/GraFx-Studio/overview/hamburger-menu/view.png and b/docs/GraFx-Studio/overview/hamburger-menu/view.png differ diff --git a/docs/GraFx-Studio/overview/stylekits/index.md b/docs/GraFx-Studio/overview/stylekits/index.md index 89af7e72..cfec3a2b 100644 --- a/docs/GraFx-Studio/overview/stylekits/index.md +++ b/docs/GraFx-Studio/overview/stylekits/index.md @@ -1,31 +1,35 @@ # Stylekit -![appscreen](stylekit.png) +![screenshotsmall](sk1.png) + +![screenshot](sk2.png) + +![screenshot](sk3.png) ## Text: Paragraph Styles -![appscreen](paragraph-styles.png) +![screenshot](paragraph-styles.png) The pencil button allows editting the properties. The fill color can be a custom color, or a predefined [swatch](/GraFx-Studio/concepts/stylekits/#swatch). -![appscreen](select-color.png) +![screenshot](select-color.png) ## Text: Character Styles -![appscreen](character-styles.png) +![screenshot](character-styles.png) ## Swatch A swatch is a color saved inside a Stylekit. You can reuse the swatch (predefined color) in paragraph- en character styles. -![appscreen](swatch.png) +![screenshot](swatch.png) Define a color, give it a name and save the named color to be used later in a style. -![appscreen](swatch-2.png) +![screenshot](swatch-2.png) ## Fonts @@ -33,11 +37,11 @@ Define a color, give it a name and save the named color to be used later in a st Select the font-book to view your fonts, and add them to the stylekit. -![appscreen](fonts.png) +![screenshot](fonts.png) Select the font family you want to add to your document. -![appscreen](font-browser.png) +![screenshot](font-browser.png) [See GraFx Fonts](/GraFx-Fonts/) \ No newline at end of file diff --git a/docs/GraFx-Studio/overview/stylekits/sk1.png b/docs/GraFx-Studio/overview/stylekits/sk1.png new file mode 100644 index 00000000..4c815aa8 Binary files /dev/null and b/docs/GraFx-Studio/overview/stylekits/sk1.png differ diff --git a/docs/GraFx-Studio/overview/stylekits/sk2.png b/docs/GraFx-Studio/overview/stylekits/sk2.png new file mode 100644 index 00000000..a4d92e54 Binary files /dev/null and b/docs/GraFx-Studio/overview/stylekits/sk2.png differ diff --git a/docs/GraFx-Studio/overview/stylekits/sk3.png b/docs/GraFx-Studio/overview/stylekits/sk3.png new file mode 100644 index 00000000..3876ecb5 Binary files /dev/null and b/docs/GraFx-Studio/overview/stylekits/sk3.png differ diff --git a/docs/GraFx-Studio/overview/workspace-elements/editor-labeled.png b/docs/GraFx-Studio/overview/workspace-elements/editor-labeled.png index 94a34d8f..69631765 100644 Binary files a/docs/GraFx-Studio/overview/workspace-elements/editor-labeled.png and b/docs/GraFx-Studio/overview/workspace-elements/editor-labeled.png differ diff --git a/docs/GraFx-Studio/overview/workspace-elements/editor.png b/docs/GraFx-Studio/overview/workspace-elements/editor.png index 08168970..69631765 100644 Binary files a/docs/GraFx-Studio/overview/workspace-elements/editor.png and b/docs/GraFx-Studio/overview/workspace-elements/editor.png differ diff --git a/docs/GraFx-Studio/overview/workspace-elements/index.md b/docs/GraFx-Studio/overview/workspace-elements/index.md index ee8308be..9a969594 100644 --- a/docs/GraFx-Studio/overview/workspace-elements/index.md +++ b/docs/GraFx-Studio/overview/workspace-elements/index.md @@ -2,8 +2,6 @@ When opening the GraFx Studio editor, you will see the full workspace -![appscreen](editor.png) - ## Elements on screen ![appscreen](editor-labeled.png) diff --git a/docs/index.md b/docs/index.md index cb4c1b27..efa83b32 100644 --- a/docs/index.md +++ b/docs/index.md @@ -13,29 +13,30 @@ --- + **December 18 2024**: GraFx Studio - ==Another milestone achieved!== + + GraFx Studio now supports multi-page documents. The new auto-grow feature lets frames expand automatically. + A major improvement in CHILI GraFx Smart Templates. + + [:octicons-arrow-right-24: Show details](/release-notes/2024/12/18/grafxstudio---multi-page--auto-grow/) + + --- + **November 22 2024**: GraFx Studio - ==New milestone achieved!== Easily produce unlimited numbers of on-brand graphics at different output sizes with Anchoring, Layout Presets, and Design & Run mode [:octicons-arrow-right-24: Show details](/release-notes/2024/11/22/grafxstudio---new-milestone-achieved/) + --- + **October 14 2024**: ==Connect== with CHILI GraFx Unleash the power of [connectors](/GraFx-Studio/concepts/connectors/) [:octicons-arrow-right-24: Show details](/release-notes/2024/10/14/connect-with-chili-grafx/) - **October 8 2024**: ==Spot== lights on GraFx Studio - - Spot colors and private data extend GraFx Studio even more - - [:octicons-arrow-right-24: Show details](/release-notes/2024/10/08/grafxstudio-in-the-spot-light/) - - **September 19 2024**: Get a grip on ==output tasks== - - You can now see an overview of output tasks of GraFx Studio - - [:octicons-arrow-right-24: Show details](/release-notes/2024/09/19/chili-grafx-platform-updates/) + --- **See all release notes** diff --git a/docs/release-notes/releaseposts/2024121701.md b/docs/release-notes/releaseposts/2024121701.md new file mode 100644 index 00000000..e3a9d994 --- /dev/null +++ b/docs/release-notes/releaseposts/2024121701.md @@ -0,0 +1,15 @@ +--- +draft: false +date: 2024-12-17 +--- + +# GraFx Publisher Updates + +![rn_icon](/assets/icon-GraFx-Publisher.svg) + + + +## Improvements +- Fixed broken state caused by Alternate Layout +- Fixed issue with text wrapping in editor when toggling visibility of layer +- Fixed incorrect font not found error on preview generation diff --git a/docs/release-notes/releaseposts/2024121801.md b/docs/release-notes/releaseposts/2024121801.md new file mode 100644 index 00000000..7943ef23 --- /dev/null +++ b/docs/release-notes/releaseposts/2024121801.md @@ -0,0 +1,54 @@ +--- +draft: false +date: 2024-12-18 +--- + +# GraFx Studio - Multi-page & Auto-grow + +![rn_icon](/assets/icon-GraFx-Studio.svg) + +We’re excited to announce another milestone update for GraFx Studio, introducing **multi-page templates** and **auto-grow text frames**! + +This update also includes display names for variables and enhanced error handling for missing fonts, along with other usability improvements. + + + +## New features + +### Multi-page Templates +- Create templates with multiple pages for print layouts +- Hide or show pages as needed – only visible pages appear in the Studio UI and in PDF output +- Seamlessly combine print and digital layouts into one multi-channel template + +Learn more about [Pages](/GraFx-Studio/concepts/pages/) + +### Auto-grow Text Frames +- Enable text frames to automatically grow or shrink based on content while maintaining a fixed font size +- Anchor other frames to maintain consistent spacing + +Learn more about [Auto Resize](/GraFx-Studio/guides/text-frame/?h=grow#auto-resize) and [Anchoring](/GraFx-Studio/guides/anchoring/) + +### Customizable Variable Display Names +- Use the new variable label property to customize how variables appear in the Studio UI, improving clarity for end-users + +Learn more about [Variable Label](/GraFx-Studio/guides/template-variables/define/#variable-settings) + +### Missing Fonts Error Handling +- When a font is missing from GraFx Fonts, a clear error message now appears in the template designer workspace +- The error includes a list of all missing fonts, streamlining troubleshooting + +### GraFx Studio importer +- Import a ZIP package to convert an InDesign document to a GraFx Studio template +- The InDesign plugin will be available soon! + +## Improvements + +- Cropped images are no longer stretched when the frame is resized (this improvement can have an impact on existing designs) +- A redesigned [Resources panel](/GraFx-Studio/overview/bottom-quicktools/) in the template designer workspace now groups all resources in one place, offering a cleaner and more organized user experience +- Improved handling of long names in the template designer workspace +- When switching from Design to Run mode, it remembers the last selected user interface + +## Fixes + +- Fixed issue with zoom to page when the page size changes (in Run mode and Studio UI) +- Fixed issue where variables could not be inserted into newly created text frames diff --git a/mkdocs.yml b/mkdocs.yml index 67593428..69af0ace 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -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' @@ -265,14 +266,16 @@ nav: - 'Available barcodes': 'GraFx-Studio/guides/barcodes/available/index.md' - 'Blend modes': 'GraFx-Studio/guides/blendmodes/index.md' - 'Character Styles': 'GraFx-Studio/guides/characterstyles/index.md' + - 'Create Layouts': 'GraFx-Studio/guides/layouts/index.md' + - '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' - 'Text Frames': 'GraFx-Studio/guides/text-frame/index.md' - - 'Crop images': 'GraFx-Studio/guides/cropping/index.md' - 'How to: Connectors': - 'Connector HUB' : 'GraFx-Studio/guides/connector-hub/index.md' - 'How to: Animate':