Term

Term pages are designed to present legal text, terms of service, or policies within the app. They allow users to review important agreements and, when necessary, provide an accept button so users can confirm their consent before proceeding. This ensures compliance and transparency while keeping the experience integrated inside the application.

Page

This configuration defines a page’s core behavior: it sets type, name, color, and cover, controls navigation with routes, next page, and timeout, marks if it’s the final step, manages display options like fullscreen, landscape, and screenshots, and specifies layout and text direction.

Coding:

{
  "@Type": "Term",

  "Name": "{name}",
  "Color": "{color}",
  "Cover": "{cover}",
  "Routes": [],
  "NextPage": 0,
  "Timeout": 0,
  "Finish": false,
  "FullScreen": false,
  "CanLandScape": false,
  "CanScreenShot": false,
  "Dir": "{dir}",
  "Dir.Text": "{dir}"
}

Title

This configuration manages the page title bar: it can show or hide the bar, set its background color, define the title text with size, color, and style, link a menu page, and assign icons for the back and menu buttons.

Coding:

{
  "@Type": "Term",

  "Title.Show": true,
  "Title.Color": "{titleColor}",
  "Title.Text": "{titleText}",
  "Title.Text.Size": 16,
  "Title.Text.Color": "{titleTextColor}",
  "Title.Text.Style": "{titleTextStyle}",
  "Title.Menu": "{pageName}",
  "Title.Back.Logo": "{backLogo}",
  "Title.Menu.Logo": "{menuLogo}"
}

Accept

This configuration defines the Accept button’s main properties: it controls whether the button is shown or hidden, sets its size, border radius, and outer margin, adjusts the spacing from nearby elements, and specifies the actions executed when clicked.

Coding:

{
  "@Type": "Term",

  "Term.Accept.Show": true,
  "Term.Accept.Size": 80,
  "Term.Accept.Radius": 1000,
  "Term.Accept.Margin": 30,
  "Term.Accept.MarginLine": 30,
  "Term.Accept.OnClick": []
}

Accept (Before)

This configuration defines the Accept button’s pre‑click state: it sets the background color, specifies the text displayed, customizes the text color, adjusts the font size, and applies a text style (like bold or italic) before the button is clicked.

Coding:

{
  "@Type": "Term",

  "Term.Accept.Before.Color": "{color}",
  "Term.Accept.Before.Text": "{text}",
  "Term.Accept.Before.Text.Color": "{textColor}",
  "Term.Accept.Before.Text.Size": 16,
  "Term.Accept.Before.Text.Style": "{textStyle}"
}

Accept (After)

This configuration defines the Accept button’s post‑click state: it sets the background color, updates the displayed text, customizes the text color, adjusts the font size, and applies a text style (like bold or italic) after the button has been clicked.

Coding:

{
  "@Type": "Term",

  "Term.Accept.After.Color": "{color}",
  "Term.Accept.After.Text": "{text}",
  "Term.Accept.After.Text.Color": "{textColor}",
  "Term.Accept.After.Text.Size": 16,
  "Term.Accept.After.Text.Style": "{textStyle}"
}

Elements

This configuration defines the Elements field: it holds an array of UI components that will be rendered inside the page, allowing you to structure and display the page’s interactive content.

Coding:

{
  "@Type": "Term",

  "Elements": [

  ]
}

🔗 Visual Version

To see how to create this page in Applin Studio (no-code mode), visit:
Design the Term Page in Applin Studio