How to use HBox and VBox with States

Ask a Question related to Macromedia Flex General Discussion, Design and Development.

  1. #1

    Default How to use HBox and VBox with States

    I'm working on an application that uses a series of states to display
    information in DataGrids and Panels. I want all of the information panels to be
    placed next to each other horizontally, but to be centered on the screen. Can I
    use VBox or HBox to set up my screens to achieve this effect?

    SiHoop Guest

  2. Similar Questions and Discussions

    1. Layout problem with HBox and VBox
      I want to create a login screen that is always centered on the screen. Within the login screen I want two text fields to be vertically aligned and...
    2. VBox adding functionality.
      The TileList control has the ability to rearrange its items by drag and dropping. i want the same functionality for a VBox. However since I can only...
    3. HBox 100% width of GridItem parent.
      Show this not create a HBox control the entire width of the GridItem it is inside? <mx:HBox backgroundColor="blue" width="100%"...
    4. MX:VBox under Tab Navigator
      Ok I am working on a tab layout that shows different pricing. Right now I have 2 tabs with price grids on them. The second tab I want to make...
    5. hbox of vertical groups?
      In trying to align my form controls, I attempted to use an hbox formgroup to get two sets of vertical formgroups to align side-by-side. This...
  3. #2

    Default Re: How to use HBox and VBox with States

    I hope I'm not missing something here, seems too easy:

    <?xml version="1.0"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    horizontalAlign="center" verticalAlign="middle">
    <mx:HBox>
    <mx:Panel label="Panel One">
    <mx:TextArea text="Panel One - Text One"/>
    <mx:TextArea text="Panel One - Text Two"/>
    </mx:Panel>
    <mx:Panel label="Panel Two">
    <mx:TextArea text="Panel Two - Text One"/>
    <mx:TextArea text="Panel Two - Text Two"/>
    </mx:Panel>
    <mx:Panel label="Panel Three">
    <mx:TextArea text="Panel Three - Text One"/>
    <mx:TextArea text="Panel Three - Text Two"/>
    </mx:Panel>
    </mx:HBox>
    </mx:Application>

    Greg Lafrance Guest

Posting Permissions

  • You may not post new threads
  • You may post replies
  • You may not post attachments
  • You may not edit your posts

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139