Adding Banners to your Forms

Depending on the use case of your app you find it to be useful to add a banner to your site which indicates important information such as the status of the record. The example I will be using the banner is for a To-Do app which displays whether a task has been completed. The first action which needs to be done is the creation of the banner which will display the status of the record. I have provided some examples below which you can save them to use for your own site.

Afterwards on App Studio, create a new Image Action Button field and set the Button Size to full and add a Button Type to it which can be anything you might find useful. For my app I do not want anything to happen by clicking onto the banner therefore I have chosen to use TriggerWorkflow which would then trigger a blank workflow by creating a new workflow with no workflow actions. Then add the image of the banner and continue this for all your other banners you would like to use.

Then comes creating the template for the banners which is simply done by creating a new template then adding the newly created Image Action Buttons by clicking the Design Template Button.

Once you have created all the templates for your banners, the next step would be adding them to the form.

The last step now if the implementation of the form rules, where a form rules is needed to hide a template depending of the value of a field. For my app, I have used a bit field to indicate the status of the task but it could also be a text or status field.

From this I have created a form rule to hide the completed template when the bit field is false and the other way round for the non-completed template. This is because we would want to the completed form if the task is not completed.

$filter=[IsCompleted] eq true

$filter=[IsCompleted] eq false

Now back onto the workspace, the banners you have now created should now show on depending on what status you have set your record providing a more visually appealing of tracking your tasks.