AR Module 2 Workshop Part 2, 6-27-2012

7/31/2019 AR Module 2 Workshop Part 2, 6-27-2012

1/9

1

Module 2 Workshop Part 2: Bonus

Purpose:

Expand the basic Active Report from the previoussection to add functionality that enhances the end userexperience

Studio: Report StudioPackage: Go Sales (query)Report Type: Builds off of the output of Module 2 Workshop 1

Task 1. Build the Show/Hide Sidebar Buttons

The purpose of this section is to adjust the report layout toaccommodate the new functionality and build the buttons that willcontrol showing or hiding the Region radio buttons.

1. Open Module 2 Workshop 1 saved report2. Click on the Deck icon above ChartDeck and

ListDeck to hide the Default Cards

3. From the Toolbox tab, drag a Table into the center Table Cell ofControlTable and drop it in-front of ListDeck so that it is placedabove ListDeck on the canvasinsert a Table with 2 columns, 1row and set the following properties:

Name: HideExpandTable4. Select the left Table Cell of HideExpandTable and set the

following properties:

Horizontal Alignment: Center Vertical Alignment: Top


2/9

2

5. Select the right Table Cell of HideExpandTable and set thefollowing properties:

Horizontal Alignment: Center Vertical Alignment: Middle

6. Insert a Block into the left Table Cell of HideExpandTable - setthe Name to ShowHideButtonBlock and the Padding to thefollowing:

7. Insert a Deck into ShowHideButtonBlock and set the followingproperties:

Default Card: Yes Name: ShowHideButtonDeck

8. Click on the Deck icon above ShowHideButtonDeckto hide the Default Card


3/9

3

9. Click on the Deck Cards Definition icon forShowHideButtonDeck and edit the list so that there are twoCards named Show and Hide click OK

10. Drag a Button onto the Show Card and set the followingproperties:

Label: Hide Sidebar Name: HideButton

11. Navigate to the Hide Card in the ShowHideButtonDeck - drag aButton onto the Hide Card and set the following properties:

Label: Show Sidebar Name: ShowButton

12. On the Active Report Variables tab click Create a New Variablewith the following properties:

Name: varShow Default Variable Value: Hide

13. Select the Interactive Behavior icon besideShowHideButtonDeckdouble click on the Container Selectareacreate the following condition and then click OK:

Data Item: Label Operator: in

Active Report Variable: varShow

14. Create another new Container Select condition forShowHideButtonDeck with the following and then click OK:

Item: Empty Variable Operator: in


4/9

4

Active Report Variable: varYear15. At the bottom of the Container Select dialog box, click NOT

with the condition created in Step 13 selected and then clickOK; the final condition should be:

(Label in varShow) AND (NOT(varYear is empty)) Click OK

16. On the Show Card of ShowHideButtonDeck select theInteractive Behavior icon beside HideButtondouble-clickon the Set Variable Values area and change varShow to be set toHide by using the Type in a value option available in the ValueDrop-Down List beside varShow

17. On the Hide Card of ShowHideButtonDeck select theInteractive Behavior icon beside ShowButtondouble-clickon the Set Variable Values area and change varShow to be set toShow by using the Type in a value option available in the

Value Drop-Down List beside varShow

18. The report layout is shown below. When the report is run, aftera Year is selected the Show Sidebar button is rendered abovethe list. When it is clicked, it changes into the Hide Sidebarbutton but nothing else happens. If Choose a Year is chosenfrom the drop-down menu, all the content including the newbuttons should disappear.


5/9

5

Task 2. Hide / Show the Region Buttons

The purpose of this section is to have the Region buttons respond tothe Hide Sidebar and Show Sidebar buttons.

1. Drag a Deck into the right Table Cell of HideExpandTable andset the following properties:

Default Card: Yes Name: RegionButtonDeck

2. Click on the Deck icon above RegionButtonDeck tohide the Default Card

3. Click on the Deck Cards Definition icon forRegionButtonDeck and edit the list so that there is a single Cardnamed Show click OK

4. Drag a Block from the Toolbox onto the Show Card ofRegionButtonDeck and set the following properties:

Border: Solid line, 1.5pt, Black, All edges Background Color: Silver


6/9

6

Name: RegionButtonBlock Padding:

Margin:

5. Drag RegionButtons into the silver portion ofRegionButtonBlock


7/9

7

6. Select the Interactive Behavior icon besideRegionButtonDeckdouble click on the Container Select areacreate the following condition and then click OK:

Data Item: Label Operator: in Active Report Variable: varShow

7. Create another new Container Select condition forRegionButtonDeck with the following and then click OK:

Item: Empty Variable Operator: in Active Report Variable: varYear

8. At the bottom of the Container Select dialog box, click NOTwith the condition created in Step 7 selected and then click OKthe final condition should be:

(Label in varShow) AND (NOT(varYear is empty))

Click OK

9. The report layout is shown below. When the report is run, theShow Sidebar and Hide Sidebar buttons should interactproperly with the Region buttons. If no Year is chosen, theRegion buttons should be hidden.


8/9

8

Task 3. Format the List and Enable Resizing

The purpose of this section is to correct the layout of the report andhave the List dynamically resize as the Region buttons are shown orhidden.

1. Select the center Table Cell of ControlTable and change theWidth to 600px

2. Select the rightmost Table Cell of ControlTable (whereRegionButtons used to be) and delete the column

3. Select HideExpandTable and change the Width to 550px4. Select ListDeck and drag the entire Data Deck into the left

column of HideExpandTable directly belowShowHideButtonBlock

5. Change the Width of ListDeck to 100%6. Change the Width of RetailerList to 100%7. Select the Quantity List Column Title and set the Width to 30%


9/9

9

8. Select the Gross Profit List Column Title and set the Width to30%

9. The report layout is shown below. When the report is run, theShow Sidebar and Hide Sidebar buttons should controlwhether or not the Region buttons are visible. As the visibility ofthe Region buttons changes, the size of the List shoulddynamically adjust.

Documents

AR Module 2 Workshop Part 2, 6-27-2012