Stage 4 - Also display raw data (actual and budget amounts)

Date: Jul 25, 2011

Tags:Demo,Video

Create Item (step 3 of 3) - Displaying Actual and Budget Amounts

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. Let's create now the 2nd option.

Extend the item display:

Zoom to Body/List/Content Item/Dual Display/Option 2.

Add a Grid element (from the Display section of the palette).

Add to Grid two rows:

Add a Row element (from the Display section of the palette) and name it Actual Row.

Add to Actual Row a Label named Actual: and a Number Display Field named Actual (both from the Display section of the palette).

Similarly, add a Budget Row with a label Budget: and a number display field Budget.

Save your changes and return to the browser. The application will automatically reload. If you now click any of the items in the list, the percentage of this item will disappear, and instead the actual and budget amounts for the segment will be displayed. A second click toggles back to the percentage display.