Product documentation and training for Shipcode.
Basic Components: Text
A key component to display text in the layout.

The Text component is used wherever text should be displayed in a Layout, such as for paragraphs and headers. For simple text entry, you can edit the text directly on the Canvas or in the Settings Panel.



For more advanced uses, such as displaying content from a Data Zone or using FQL, you use the Text field in the Settings Panel.




You can style the Text component using the Typography editor in the Appearance Panel of the Right Sidebar.


Available Properties

Settings Properties

  • Text (Settings Panel): This is where you can enter static text or an FQL expression to display content dynamically within the Text component.

Appearance Properties

These properties, located in the Appearance Panel under Other, control the component's font sizing and scaling behavior.

  • Allow Font Scaling: This property is enabled by default and specifies whether text can be resized based on a user’s text accessibility settings, which enhances the accessibility of your application.
  • Adjust Font Size to Fit: If enabled, the text will be resized to fit the specified dimensions of the Text component.
    • Note: For this property to work correctly, the Text component must have a fixed height. When disabled, the font size specified in the Appearance Panel will be used.
  • Max Font Size Multiplier: If Allow Font Scaling is enabled, this property specifies the maximum scale to which the text can be resized.
    • A value of 0 means the text can be scaled to any amount.
    • A value of 1 or greater indicates that text scaling is limited to that multiplier (e.g., a value of 2 means the text can be scaled no more than twice as large).
    • If this property is not specified, the multiplier will be inherited from parent components.
Did this answer your question?