Please enable JavaScript to view this site.

InterFormNG2 Manual

Navigation: Designer > Design elements

Text style element

Scroll Prev Top Next More

You can use a style in InterFormNG2 to set multiple, fixed global styles in a template, but with the text style element you can set a local, dynamic text style instead.

 

You can add a text style in the middle of a template in the designer by clicking this icon:

NG2TextStyleElement0001

 

The properties of the text style element looks like the normal style:

 

NG2TextStyleElement0002

 

Here you define a name for the style (MyStyle in the example above) and set all the text attributes, that are to be used, when this text style is selected in a text element.

 

If you later insert a text element, then the locally defined text style elements are shown first before the normal, global styles like below:

 

NG2TextStyleElement0003

 

 

The colors available for the text style element are the colors defined on the color palette for the tenant settings.

 

Examples of how the text style can be used

You can use the Text style element together with a common template component to make the common component present some text in the way, that the calling template has specified like below.

 

Example 1: Set the style in the template and use it in a common component.

In this example we want to print out an address on all the business documents in the same position, so we choose to print it out in a common template component. In this way we can easily move the address around to fit a special area for all documents, but still the various documents (that are setup in the main template) can still setup a common text style to present the address in a specific font or even define different wrap around options, if a line in the address is too wide.

 

Here we consider an address like this:

 

NG2TextStyleElement0004

 

So for the ShipAddr1 field we might consider to either cut it at a specific length or to wrap the text in a smaller font.

 

Here we define one template (Address_cut), that activates the wrap around option on the common text style, Address before calling the common component.

 

The style looks like this:

 

NG2TextStyleElement0006

 

And the setup

 

NG2TextStyleElement0005

 

The text in the component is setup to use the Address text style:

 

NG2TextStyleElement0007

 

The result here is, that the company name is cut of at the available length.

 

Now we have another main template (Address_wrap), that also calls the same common template component, but here the Text style is set to wrap:

 

NG2TextStyleElement0008

 

The result here is, that the company name is wrapped to multiple lines in the address.

 

 

Example2: Print out the amount in red, if it is negative - but we only want to insert the text element once.

 

That can be done, if we define the text style element depending on a condition and then use the same style on the text afterwards like below:

NG2TextStyleElement0009

 

Here we use a text style, that we call color, that is first set in one of the select..when branches and then used in the subsequent Text, that prints out the amount in the color.

 

In this way we can change the color to red, if the amount is less than 0:

 

NG2TextStyleElement0010