How to: |
To use the Information Builders custom components, you need to add the ibiCanvas component to the canvas. The ibiCanvas component contains all the binding and interaction logic for all Information Builders components.
Tip: Constraining is useful when you want the application to fill the entire browser window, and expand or shrink based on that window. For details on how to constrain a component to the application layout, see the Flex Builder documentation.
In this example, on the Properties pane under Constraints, select the first and third check boxes on the horizontal axis to constrain the component to the application layout so it will stretch proportionately to the width of the application as it adjusts to fit the browser window.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute" xmlns:ibi="http://www.informationbuilders.com>"
<ibi:ibiCanvas top="0" left="0" bottom="0" right="0"></ibi:ibiCanvas>
</mx:Application>
Tip: To select the Application component so you can set the application background color, you must go to Source view and position the mouse cursor within the tag of the hidden or invisible component (in this case, Application). You will also need to do this if you set the property of a component to visible=false. Another method is to select the Window menu option, and then select Outline. In the Outline pane, you will see all the components used in the application.
The color transitions from the primary selection to the secondary selection.
Each component has a rich set of options that you can choose from to give the component a custom look and feel. For more information on styling, see the Flex Builder documentation.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute" xmlns:ibi="http://www.informationbuilders.com"
backgroundGradientColors="[#808080, #c0c0c0]">
<ibi:ibiCanvas left="0" top="0" bottom="0" right="0"></ibi:ibiCanvas>
</mx:Application>
WebFOCUS |