topic Re: vertically align swatch and label in Hbox in ArcGIS API for Flex Questions

vertically align swatch and label in Hbox

PeteVitt — Mon, 18 Oct 2010 15:03:51 GMT

Hi - I'm trying to verically align a swatch and a label in an hbox by setting the verticalcenter of the swatch and then setting the vertical center of the label to the same value -- not working. Any ideas on why or a better approach I could take? below is code

Thanks

Pete

......
var sr:SimpleRenderer=SimpleRenderer(aRenderer);
swatch=sr.symbol.createSwatch(50, 50);
swatch.verticalCenter=25;
aLabel.verticalCenter=swatch.verticalCenter;
.....

hBox.addChild(swatch);
hBox.addChild(aLabel);

Re: vertically align swatch and label in Hbox

RobertScheitlin__GISP — Mon, 18 Oct 2010 15:13:44 GMT

Pete,

Just set the vertical align of the hbox.

Re: vertically align swatch and label in Hbox

PeteVitt — Mon, 18 Oct 2010 15:39:00 GMT

Pete,

Just set the vertical align of the hbox.

Robert - the verticalAlign property is not recognized in my intellisense. When I try to use it I get an Error: Access of possibly undefined property verticalAlign through a reference with a static type mx:containers:hbox

Re: vertically align swatch and label in Hbox

Drew — Sat, 11 Dec 2021 21:25:28 GMT

Pvitt,

You can set the vertical align programatically using the below code.


myHBox.setStyle("verticalAlign","middle");

You can learn more about setStyle() here
http://livedocs.adobe.com/flex/3/html/help.html?content=styles_08.html

Drew

Re: vertically align swatch and label in Hbox

PeteVitt — Mon, 18 Oct 2010 16:38:59 GMT

Thanks

Complies and runs but has no effect on the alignment -- I think it has something to do with the swatch -- if I add two labels they align vertically just fine

Re: vertically align swatch and label in Hbox

PeteVitt — Mon, 18 Oct 2010 16:59:05 GMT

I shrunk the height of the swatch down to the hieght of the label -- not the best, but they do line up now -- fortunately all my legend items are points

Re: vertically align swatch and label in Hbox

DanJensen — Mon, 18 Oct 2010 19:53:10 GMT

Your only other option may be to use a group instead of an HBox, then specify the x, y. Using Group you could retain your original swatch size. Since you know the height difference between the swatch and the label you should be able to center them.