Page Expression Editor

Formatting the UI fields is the most important aspect of any UI component. It is essential in conveying correct information to the user. Page Designer provides Expression Editor to set the format on the UI element. It uses AngularJS filter syntax to set the expression.

The User can access the Expression Editor from the Connect to Data icon. Click on Connect to Data icon and choose the Expression tab. Click the Customize expression button.

Now user can either write the required syntax expression in the Variable expression editor or click on the Field Type and Fields to choose the field to be formatted and add the format expression. User can choose from State variables as well as Microflow or Local Database fields. Users can use any valid AngularJS filter expression syntax for transforming fields. The below example is for formatting numbers.

For formatting, currency use the expression as shown below

For formatting date use the below syntax

Note: Current version has a limitation that users can not choose the field from the Field type and fields , if the Microflow output is a List. Users can choose any object field other than list item. But users can manually write the expression in the Variable expression editor to transform the list item field.