I would put an image in the text that takes up that space, then use
PopUpManager to float a Panel over that space.
I'm still not sure how I would use that image to "push" the rest of the components (represented by the main block of text in my crude illustration) to the left?
In case I wasn't clear: The text in my crude illustration represents various components--e.g., dropdownlists, labels, checkboxes, text inputs, etc. It's not just a block of text.
If I understand correctly, you will need a custom Layout class.
Hmm, that sounds fairly complicated. Any pointers or references you can recommend that discuss building a custom Layout class?
I think Evtim posted on his blog about custom layouts.
The idea is you encapsulate the logic you would have otherwise written to
manage the components in a BasicLayout in this custom layout class.
Flex has several custom layout classes. You can look at the source for them
as examples. Obviously, none do exactly what you want otherwise you'd just
use that layout class.
The other approach is to add logic that puts some controls in various
This sounds like it's beyond what I have time for at the moment, so I'll put it on my list of things to investigate, and in the meantime I used absolute positioning to accomplish as close to what I wanted as was possible. I reworked my layout so the object that appears to be "floating" to the right is actually just absolutely positioned, and the items that appear to be "flowing" around it to the left are all of a fixed, known height and width.
That won't work every time, but it worked for me this time, and now I'm on to the next hurdle :-)