Alert Control

Alert control is used to display information to the user. It acts as a way to convey results for user actions. It supports four types of alerts, each varying with suitable color. It includes a separate text to trigger an action when clicked. Alert control can be used with various binding methods of database and connectors.

alert_final

UI Properties

Info

  • Unique Names: A Unique Name is used to uniquely identify a control in your App. Every control that is added on the screen gets an auto-generated Unique Name on the basis of the Label name given to the control.
    Alert has 4 components which are tile, description, action type and alert type having unique names as alert.Title, alert.Description, alert.Action Text and alert.Alert Type respectively.

    image

  • Label : The text that is displayed which helps the user to understand the type of control it represents.

  • Toop Tip : The option to add tooltip text as a hint to the user. It is visible when you switch on the visibility toggle property.

  • Description : The option to provide a description that you can add for your control. It is visible when you switch on the visibility toggle property.

  • Caching : When the caching option is selected and if a LOOKUP formula is applied to this control, the value that the LOOKUP returns will be cached and the user will be able to see this value in the fields even when he accesses the microapp later with no connectivity. This option is required when you want your app to be accessible in offline mode as well and getting the latest data from the sheets is not always critical.

  • Hidden : The hidden option helps to hide the control from the user. This helps when you don’t want the user to view the control.

  • Trigger Dependents : When you Disable Trigger Dependents, it helps you to reduce or optimize the unnecessary evaluation of the dependent control’s formula. For a detailed explanation refer to this article here ..By default Trigger dependents are enabled. However, in complex apps by switching it off, you would limit the evaluation in the dependent control and in turn ensure quicker response times.

  • Hide on desktop: This option hides the selected control in the desktop view.

  • Hide on Mobile : This option hides the selected control in the mobile view.

  • Dynamic Height : This option dynamically increases /decreases the height of the text control based on the given content.

  • Maintain space when hidden : This option maintains the specified space between controls when a particular control is hidden. When a control is hidden the space is maintained in the preceeding control depending on the space the previous control has occupied.

    Note: Hide on desktop, Hide on Mobile, Dynamic Height and Maintain space when hidden are
    available in Basic Freeflow Editor Only.

Properties

properties_finallll
Under this section we can decide on the overall appearance of our alert control.

  • Starting from choosing our Alert Type. It enables us to choose from four different alert types which are
  1. Info (blue color alert box)

  1. Success (green color box)

  1. Error (red color alert box)

  1. Warning (yellow color alert box)

  • Alert Title: Provide a title depending on the alert requirement.
  • Alert Description: Provide a description for the alert to make it pragmatic with the alert functionality.
  • Action Text: This text will trigger actions when action text is called. All the actions need to be provided prior so that it can perform accordingly.

How to Use Alert Control

Select Alert Control under Display section from Control menu.

Bind Data to Alert control

Under the bind data section, each component of Alert control such as Title, Description, Action Text and Alert Type can be changed and connected to data by using various methods, controls, connectors, queries and more
Down below, Variables and Keywords is used to bind the Title of the Alert control.

Using alert control

Actions

You get to implement events on Action Text of Alert control under Actions named as Action_Click . It enables you to set up on-screen actions and server-side actions on a single click over the action text…