Tersus: Stage 3 - Also display the difference between budget and actual (percentage)

Stage 3 - Also display the difference between budget and actual (percentage)Date: Jan 13, 2021Tags:Demo,VideoCreate Item (step 2 of 3) - Displaying PercentageSeeing the segment icons is nice, but we also want to see some data:

Change the item display:

Zoom back to Body/List/Content Item and delete Content Holder (select Content Holder and press Delete).
Instead, add Dual Display element (right click Content Item and select Add Element -> Dual Display).
The Dual Displayelement is a display that alternates between two display options - we will use it to switch between "percentage display" and "raw data display":
- Zoom into Dual Display/Option 1.
- Add a Percent Display element (from the Display section of the palette).
- We will add the second option later.

Calculate the percentage:

Return to Init/Create Item.
Add an action Calculate Percentage with triggers Actual and Budget and exit Percents.
Create flows to the triggers of the action:
- Data Record/ACTUAL_SALES --> Calculate Percentage/Actual
- Data Record/BUDGET --> Calculate Percentage/Budget
Create a flow from the exit of the action:
- Calculate Percentage/Percents --> Content Item/Dual Display/Option 1/Percent Display/<Value>
Model Calculate Percentage using the Subtract and Divide action from the Math section of the palette:

If you now save your changes and return to the browser, the application will automatically reload and display the calculated difference between budget and actual for each product segment:

If you now click any of the items in the list, the percentage of this item will disappear. This is because the display switches to the 2nd display option, which we haven't created yet. We will create the 2nd option in the next stage.

Stage 3 VideoDownload Model: Stage 3Stage 4 - Also display raw data (actual and budget amounts)See Also:

To use the full functionality of this web site, JavaScript needs to be turned on.

For best results, use the Firefox browser..

Loading ...