Properties

Common

Width: Sets the width of the element, available units:

  • px: Pixels
  • in: Inches
  • %: Percentage

Height: Sets the height of the element, available units:

  • px: Pixels
  • in: Inches
  • %: Percentage

Background Color: Sets the background color of the element

Padding Top: Sets the top padding of the element. This refers to the space between the border of the element to the content. Available units:

  • px: Pixels
  • in: Inches
  • %: Percentage

Padding Left: Sets the left padding of the element. This refers to the space between the border of the element to the content. Available units:

  • px: Pixels
  • in: Inches
  • %: Percentage

Padding Right: Sets the right padding of the element. This refers to the space between the border of the element to the content. Available units:

  • px: Pixels
  • in: Inches
  • %: Percentage

Padding Bottom: Sets the bottom padding of the element. This refers to the space between the border of the element to the content. Available units:

  • px: Pixels
  • in: Inches
  • %: Percentage

Text Align: Align the text of the element, available options:

  • Left: Makes the text align to the left.
  • Center: Makes the text align center.
  • Right: Makes the text align right

Font Size: Sets the font size in points.

Font Weight: Adjusts the font weight, available options are:

  • Normal
  • Bold

Text Color: Sets the color of the text

Border Style: Sets the border type, available options

  • None: No borders
  • Solid: Solid line
  • Dashed: Dashed line
  • Dotted: Dotted line

Border Color: Sets the color of the border

Border Top Width: Sets the top border width of the element. Available units:

  • px: Pixels
  • in: Inches
  • %: Percentage

Border Left Width: Sets the left border width of the element. Available units:

  • px: Pixels
  • in: Inches
  • %: Percentage

Border Bottom Width: Sets the bottom border width of the element. Available units:

  • px: Pixels
  • in: Inches
  • %: Percentage

Border Right Width: Sets the right border width of the element. Available units:

  • px: Pixels
  • in: Inches
  • %: Percentage

Page

Name: Sets the name of the page for easier identification.

Vertical Center: Vertically makes the content align center

Button:

Target: Defines the purpose for the button, available options are:

  • Issue Token: Generate & print token
  • Page: Navigate to target page

Service: The service for which the token is to be issued. Options contain the list of all services defined for the branch

Page: Applicable when the Target is set to Page. Options contain the currently added pages to the design

Flag: To mark the token with the flag for statistics

Button Text: Sets the button label

Queue List

Counters: Defines the counters of which the token calls will be listed and announced

Header Text Color: Sets the list header text color

Header Font Size: Sets the list header font size

Header Font Weight: Sets the list header font weight

Body Text Color: Sets the list body text color

Body Font Size: Sets the list body font size

Body Font Weight: Sets the list body font weight

Search

Button Color: Sets the color of the search bar button

Endpoint: The URL of the client’s API to fetch data from

Search Field Name: The search key defined at the client’s API. The value of which will be used for searching data

ID Key: The client data identifier e.g. appt_id in the data sample below

[
  {
    "app_id" : "...",
    ...
  }
]

Service ID Field Name: The client must return with the service ID defined on QueueXpert. Tokens will be issued according to the service ID.

Display Format: The format to display the clients data in. Sample is available on the designer

Post Token Issue Endpoint: This is another URL of the client’s API which informs the API about the token being issued. The client can mark the customer as arrived and add the token no into their system.

Text

Value Source: This signifies the source of the text, available options are:

  • Company Name: Picks up the value from token data.
  • Branch Name: Picks up the value from token data.
  • Token Number: Picks up the value from token data.
  • Service Name: Picks up the value from token data.
  • Arrival Timestamp : Picks up the value from token data.
  • Custom Token Data: Will pick the key from “Custom Value” and display data from the token data.
  • Static Text: Will pick the value from “Custom Value”

Custom Value: Applicable in two scenarios:

  1. Displaying data which was received from the clients API.
  2. Displaying static text

For scenario (1) the value must be prefixed with token.data

Sample Value: In case of the scenario (1) of Custom Value, this value will be displayed to preview what the end result will be.

Ticker

Feed Endpoint: The URL of the source to fetch feed from. The data must be JSON array

Direction: The direction of animation, available options are

  • Horizontal : From right to left.
  • Vertical: From bottom to top

Speed: The speed of animation, available options

  • Slow
  • Medium
  • Fast

Loop: To repeat the animation, available options are

  • Yes
  • No

Video Player

Video Source: The list of URLs that need to be played. The URL must be of a media file served from a server. The URL must be separated on each line.