Adding a Tree Control, Combo Box, and Slider

How to:

In this topic, you will add three Information Builders custom components to the application.

A tree control is a window that shows the data in the application as a hierarchy of items. The user can click an item to expand or collapse the associated sub-items.
A combo box is a combination of a drop-down list and text box. It allows the user to choose a value from the list or enter a value in the box.
A slider allows a user to select a value along a continuum.

Procedure: How to Add a Tree Control

Select the Tree Control, Drop Down Boxes tab.
Drag and drop the ibiTree component onto the tab canvas and position it in the top-left corner.
Set the following properties:
- id=subtree
- Width=260
- Height=180
  Tip: You can set the width and height by dragging the sides of the component.
- ibiParent=MAIN01
- ibiUseColumns=REGION,ST
- ibiTreeLabelField=REGION,ST. This property sets the labels for each node of the tree.
- ibiFilterAble=true
Run the application.

Procedure: How to Add a Combo Box

Drag and drop the ibiComboBox component onto the canvas and position it to the right of the ibiTree component.
Set the following properties:
- id=combo1
- ibiColumn=REGION
- ibiParent=MAIN01
- ibiFilterAble=true
- ibiFilterCond=EQ

Procedure: How to Add a Slider

Drag and drop the ibiHSlider component onto the canvas and position it to the right of the combo box.
Set the following properties:
- id=slider1
- ibiAutoLimits=true. The numeric field in the data has a minimum value and a maximum value. This property sets the end points of the slider to the minimum and maximum value. You can set custom limits using Flex Builder properties.
- ibiColumn=COGS
- ibiFilterAble=true
- ibiFilterCond=LT (Less Than)
- ibiParent=MAIN01

Procedure: How to Add a Grid to Test the Filters

From the Aggregated Grid tab, copy the panel containing the SUB03 grid. The panel title is Regional Category Sales.
Paste the panel and the grid at the bottom of the tab, as shown in the following image.
Select the grid and set the following properties:
- id=SUB04
- ibiGroupBy=REGION,ST,CATEGORY
- ibiUseColumns=REGION,ST,CATEGORY,Sum.DOLLARS
- ibiUseFiltered=true
Run the application and use the components to filter the grid.

WebFOCUS