Text Styles

A very useful addition to setting text properties manually is to use combined styles. To create combined styles, create a text with the settings to be set by a style and press the Add Character or Paragraph Style button:

create Style

This will open up a dialog where you can enter a name for the new style:

create Style

Besides giving the style a name, one can also select:

Below the check-boxes one can then choose whether to add the style globally (template) or just for the current document.

Once created you can alter the style in the Styles tab to the left.

create Style

There is also a code view available

create Style

To use the created style(s) click into the Paragraph / Character Style search field and pick a style from the list (a list is filtered while typing). Once selected, the chosen style will be shown in blue above the search field:

create Style

One can add more than one Paragraph Style and/or Character Style - properties will be automatically added. Properties that are tied to a style will get grayed out and are not editable in the UI. They also show the name of the style that the value originates from in […] in the label above.

Styles Overwrite Behavior
If one selects multiple styles containing the same properties e.g. color - the style which appears last in the style definition will determine the property independent from the order in which the styles are mentioned in the style selector of the frame. Also Document Styles will win over Template Styles.

Paragraph Background Color

This controls the background color of a Paragraph. This Paragraph property can only be controlled via a Style.

create Style

Tip: Combine this feature with ruleAbove & ruleBelow as well as left and right indents to create yourself info boxes, decorated headlines, tables with alternating backgrounds etc. - which flow with the text.

Character Properties

Character Properties

Here you can set all character properties for the selected text - note that Paragraph Styles can also contain all Character Properties, but Character Styles cannot contain Paragraph Properties and selection will automatically enlarge to the current Paragraph when changing a Paragraph Property.

Font - Here you can change the font. If the font is not currently loaded one can also upload a font here (TTF or OTF files are supported).

Font Size - Sets the glyph size for the current selection / the current paragraph.

Line Height - Sets the line height as a percentage of the maximum font size.

Color - Sets the color of the current selection / the current paragraph.

Stroke Width / Color - Sets the stroke-width & stroke-color for the current selection.

tracking

Text Transform

In addition to the properties you can add the Character Style textTransform at the Resources Panel to set e.g. your headline text frame to upper. This will convert any text input from the Buyer Side into upper chase. Just click on the plus icon of the style and select Character-/ or Paragraph Style textTransform.

Character Style Text Transform

mixed: Upper and lower chase characters are supported.
upper: Any text input will be converted into upper chase only.
lower: Any text input will be converted to lower chase only.

Character Style Text Transform Selection

Text Decoration

Note: This feature is only available for Multi Line Text Frames.

You can add the textDecoration at the Resources Panel. Just click on the plus icon of the Style and select Character-/ or Paragraph Style textDecoration.

Character Style Text Decoration

none: No Decoration applied.
underline: The text will be underlined.
line-through: The text will have a line through.

Page Break

You need to have Text Flow activated before you can use Page Break.

With Page Break you can avoid the line break inside or between paragraphs. This example shows two connected text frames of a menu card. It is using three different Paragraph Styles: dish, ingredients and price.

We would like to avoid that a line break will be executed between the three paragraphs to not get a result like this.

Example Menu Card Page Break

To resolve this make sure that your paragraph is using a style. Just select it at the Features Panel while your cursor is next to the text block.

Learn more about Paragraph Styles here!

Paragraph Style Selected

In our case we only have to define a line break for the paragraph “Ingredients”. So go to the Resources Panel to click on the plus button of your Paragraph Style ingredients.

Add Paragraph Style Page Break

And select Page Break

Paragraph Style Selected

By default the Page Break is set to anywhere and the text frames are looking the same like before. Because the text is allowed to break between frames at any point (“anywhere”). In this case after the first paragraph at the bottom of the first frame (after “BBQ Chicken”).

Page Break Anywhere

If you set the Page Break to nowhere it will not allow any line break before, after or inside the paragraphs.

Page Break Nowhere

This will keep all three paragraphs dish, ingredients and price together which we need for a menu card. Because we never want to have one of these three paragraphs on its own.

Page Break Menu Card Example2

All Page Break options available:

Page Break anywhere does allow a line break inside the paragraphs at any point.

Page Break not-inside does not allow a line break inside the paragraphs.

Page Break not-before does not allow a line break inside or before the paragraphs.

Page Break not-after does not allow a line break inside or after the paragraphs.

Page Break nowhere does not allow any line break before, after or inside the paragraphs.

This graphic shows the different Page Break options and there results. The Page Break is defined for the paragraph ingredients. The pink area indicates where a line break is prevented.

Page Break NotAfter

Top Of Frame
This is a Paragraph Style which will break the Paragraph onto the top of the next frame when it does not fit completely in the current frame. This only works if Text Flow is activated.

  1. Add a new Style at the Style Tab by clicking on the plus icon on the upper right and name it “TopOfFrame”.
  2. Click on the plus icon underneath the Style to select: ParagraphStyle/TopOfFrame.

Add Paragraph Style

You can now activate and deactivate this Style by a checkbox.

Style Checkbox

You can place the cursor somewhere in the paragraph to choose the Style at the Text Tab of the Features Panel.

Style Features Panel

Click here to open the example document

Text Picture

This is a very special Character Style and you can assign it in the Code Mode only. It enables you to write text with images.

Text Picture Intro

If you would like to set up that Style you have to prepare a single images for each Character you want to use to upload them to the Images Tab of the Resource Panel first.

You have to name these images following the syntax “C_[Character].png”.

Text Picture Resource Panel

Now add a new Style called “.picfont1” and switch to the Code Mode to paste the following Code:

.picfont1 {
	textPicture: C_[T E X T].png;
	horizontalTextAlign: center;
	fontColor: Fire red;
	fontSize: 40pt;
}

The first line “textPicture: C_[T E X T].png;” is assigning the images you have prepared to text which will be typed in. The others are regular Character Styles. In our example we have also defined a fontColor to “Fire Red” as a fallback. So any character which does not exist in your image library will be replaced by a regular character of the default font in “Fire Red”.

Now switch back to the regular view of the Styles. Click on the gear icon on the upper right of the Style to assign the Style to the activated frame.

Text Picture Frame Assigned

Now you can use images to write text.