blog
Setting background image position for a HBox / VBox in Flex
(April 24th, 2009 - 1:21AM)
If you're reading this, you're probably looking for a way to position a background image on your Flex VBox or HBox. So was I. I find it amazing that Flex doesn't support this out of the box.
There were a lot of solutions online, such as a very clever one that involves overriding createChildren (you can see it here). However, this is an awfully heavy (and potentially risky) solution for what should be a very simple problem.
I came up with a way of positioning my background images. It's not perfect, and it won't work in all situations, but it's relatively simple and will hopefully do the job until Adobe officially supports it.
Here's what I did. The example below adds a right-aligned background image (imgBadge) to the vbxDisplaying VBox.
<mx:VBox
id="vbxDisplaying"
width="100%"
>
<mx:HBox
id="hbxBadge"
width="{this.width-imgBadge.width}"
horizontalAlign="right"
verticalAlign="bottom"
includeInLayout="false"
>
<mx:Image
id="imgBadge"
source="@Embed('/images/rock_badge.png')"
/>
</mx:HBox>
<!-- some other elements here... -->
</mx:VBox>
Here's the end result. The rounded box is vbxDisplaying, and the Web 2.0 badge is imgBadge.
Basically, I'm using the includeInLayout property of the HBox/VBox to pull my image out of the flow of elements. I'm not using the backgroundImage property at all. For those who haven't used it before, includeInLayout allows you to create a visual element that doesn't push elements aside to make space; it can have an effect similar to absolute positioning in HTML.
By doing this, I'm spoofing a background image that's aligned to the right.
I know this isn't a perfectly elegant solution - it would be a lot nicer if this could be done through CSS - but it's a really easy fix and will hopefully be good enough for now.
permanent link - digg this post - 103 comments103 comments
Benjamin
August 3, 2009
million thanks, i'm looking for the solution all the day but in vain, that's lucky finally i found this page. That's great you give a me big help!
Thanks! nice to know you from this page!
Thanks! nice to know you from this page!
September 14, 2011
The guidelines you shared here are definitely beneficial. Rrt had been such a fun surprise to have that waiting for me following i woke up this very day. They're constantly to the point and straightforward to discover. Thanks a ton for the valuable ideas you have shared appropriate here.
September 18, 2011
You have to pack as much as you can in an hour or 70 minutes. This time around it was 15 songs, so it was a challenge to get them all the right length so you could get them all on.
September 21, 2011
This is such a great supply that you are if and you give it away for free. I love seeing websites that appreciate the value of providing a quality resource for free.
September 21, 2011
Its not the case that reader must be completely agreed with author's views about article. So this is what happened with me, anyways its a good effort, I appreciate it. Thanks
September 28, 2011
the case that reader must be completely agreed with author's views about article. So this is what happened with me, anyways its a good effort, I appreciate it.
September 28, 2011
that reader must be completely agreed with author's views about article. So this is what happened with me, anyways its a good effort, I appreciate it
September 28, 2011
reader must be completely agreed with author's views about article. So this is what happened with me, anyways its a good effort, I appreciate it
September 28, 2011
must be completely agreed with author's views about article. So this is what happened with me, anyways its a good effort, I appreciate
September 28, 2011
be completely agreed with author's views about article. So this is what happened with me, anyways its a good effort
September 30, 2011
reader must be completely agreed with author's views about article. So this is what happened with me, anyways its a good effort, I appreciate it
October 8, 2011
Thanks for letting us know...keep posting more stuff like this one!
October 9, 2011
This is an attention-grabbing post by the way. I am going to go ahead and bookmark this article for my brother to check out later on tonight. Keep up the good work.
October 26, 2011
must be completely agreed with author's views about article. So this is what happened with me, anyways its a good effort, I a
October 26, 2011
reader must be completely agreed with author's views about article. So this is what happened with me, anyways its a good effort, I appreciate it
October 26, 2011
that reader must be completely agreed with author's views about article. So this is what happened with me, anyways its a good effort, I appreciate it
November 3, 2011
These simple steps help me lots. Now i have better information on setting up background images.
November 3, 2011
This is an attention-grabbing post by the way. I am going to go ahead and bookmark this article for my brother to check out later on tonight. Keep up the good work.
November 27, 2011
The guidelines you shared here are definitely beneficial. Rrt had been such a fun surprise to have that waiting for me following i woke up this very day. They're constantly to the point and straightforward to discover. Thanks a ton for the valuable ideas you have shared appropriate here.
November 29, 2011
I found your post really helpful. It helped me all the way in completing my assignment.
November 29, 2011
This is a unique blog that I will take note of. I already bookmarked it for future reference.
December 1, 2011
Thanks for sharing the information.. Nice post.. Its a very simple to do.
December 3, 2011
I really enjoyed reading every pieces of text shared here and got a lot of useful information.
December 7, 2011
The guidelines you shared here are definitely beneficial. Rrt had been such a fun surprise to have that waiting for me following i woke up this very day. They're constantly to the point and straightforward to discover. Thanks a ton for the valuable ideas you have shared appropriate here.
December 10, 2011
Nice to be visiting your blog again, it has been months for me. Well this article that i've been waited for so long. I need this article to complete my assignment in the college, and it has same topic with your article. Thanks, great share.
December 10, 2011
This blog Is very informative, I am really pleased to post my comment on this blog . It helped me with ocean of knowledge so I really believe you will do much better in the future. Good job web master.
December 11, 2011
This blog Is very informative, I am really pleased to post my comment on this blog . It helped me with ocean of knowledge so I really believe you will do much better in the future. Good job web master.
December 14, 2011
Thanks for this share mate. I have looking for this information for quite some time now and I am glad to come across your post.
December 18, 2011
I’ve been doing a lot of reflection over the weekend on our movement, our democracy, and our country one year after the Citizens United ruling and how we move forward.
December 19, 2011
Nice to be visiting your blog again, it has been months for me. Well this article that i've been waited for so long. I need this article to complete my assignment in the college, and it has same topic with your article. Thanks, great share.
December 24, 2011
Pretty good post. I just stumbled upon your blog and wanted to say that I have really enjoyed reading your blog posts.
December 27, 2011
Hi I am so grateful I found your website, I really found you by error, while I was searching on Bing for something else, Anyways I am here now and would just like to say many thanks for a remarkable post and a all round thrilling blog (I also love the theme/design), I don’t have time to look over it all at the minute but I have saved it and also added your RSS feeds, so when I have time I will be back to read a lot more, Please do keep up the awesome job.
December 28, 2011
I fully realize that support and administrative work is difficult and requires a great deal of skill. It is anything but an "unskilled" job. In fact, in many ways it can be more difficult than "skilled" labor; after all, if support work is so easy, why are support workers always so miserable? If these support workers think they're worth more money, I don't think I'd disagree.
December 29, 2011
I was very pleased to find this site.I wanted to thank you for this great read!! I definitely enjoying every little bit of it and I have you bookmarked to check out new stuff you post.
December 29, 2011
Thanks for taking the time to discuss and share this with us, I for one feel strongly about it and really enjoyed learning more about this topic. I can see that you possess a degree of expertise on this subject, I would very a lot like to hear much more from you on this subject matter – I have bookmarked this page and will return soon to hear additional about it.
December 30, 2011
I was very pleased to find this site.I wanted to thank you for this great read!! I definitely enjoying every little bit of it and I have you bookmarked to check out new stuff you post.
December 31, 2011
Excellent post and wonderful blog, I really like this type of interesting articles keep it u. I am really loving the theme/design of your web site.
January 2, 2012
Positive site, where did u come up with the information on this posting?I have read a few of the articles on your website now, and I really like your style. Thanks a million and please keep up the effective work
January 2, 2012
Thank you! it was a wonderful chance to visit this kind of site and I am happy to know. thank you so much for giving us a chance to have this opportunity!
January 2, 2012
Excellent Blog! I really admire your thinking and the way you have put these information in this post. Thanks for sharing an informative post.
January 2, 2012
I was looking for a tutorial on this subject and came to the correct place to look the answer
January 3, 2012
I was very pleased to find this site.I wanted to thank you for this great read!! I definitely enjoying every little bit of it and I have you bookmarked to check out new stuff you post.
January 3, 2012
I really loved how you have created your site, it’s simple, neat, simple to get around and very easy on the eyes. Can you let me know which theme or designer did you use
January 4, 2012
Elections reflected the people is a fair, democratic, hoping to elect a responsible person, rather than those who do nothing. We all want to be elected by the people to the public for something useful.
January 5, 2012
These kind of posts are always inspiring and I prefer to read quality content so I am happy to find out many good point here in the post, writing is simply great, thank you for the post.
January 5, 2012
I truly liked how you have created your site, it's simple, neat, easy to navigate and extremely easy on the eyes. Could you tell me which theme or designer did you use.
January 5, 2012
I really loved how you have created your site, it’s simple, neat, simple to get around and very easy on the eyes. Can you let me know which theme or designer did you use
January 5, 2012
Excellent stuff from you man. I’ve read your things before and you are just too awesome. I adore what you have got right here. You make it entertaining and you still manage to keep it smart. This is truly a great blog. Thanks for sharing.
January 6, 2012
Pretty good post. I just came across your site and wanted to say that I have truly loved reading through your blog posts. Any ways I’m going to be subscribing for your feed and I hope you post again soon.
January 6, 2012
I have been reading blogs on this subject for a few hours now and your content is the most informed I have read thus far. Thanks for putting this information in one place.
January 6, 2012
Hey! I simply want to give a huge thumbs up for the good information you've gotten here on this post. I will probably be coming again to your blog for extra soon.
January 6, 2012
Hey! I simply want to give a huge thumbs up for the good information you've gotten here on this post. I will probably be coming again to your blog for extra soon.
January 6, 2012
Hey! I simply want to give a huge thumbs up for the good information you've gotten here on this post. I will probably be coming again to your blog for extra soon.
January 6, 2012
I am very enjoyed for this blog. Its an informative topic.It help me very much to solve some problems. Its opportunity are so fantastic and working style so speedy.I think it may be help all of you.Thanks a lot for enjoying this beauty blog with me.
January 9, 2012
Green tea has tons of health benefits and is a great source of antioxidants. The ever increasing sale of green tea actually, is due to its ability to produce fat oxidation.
January 9, 2012
This is a really good read for me. Must admit that you are one of the best bloggers I have ever read. Thanks for posting this informative article.
January 10, 2012
This share is quite helpful guidelines. Rrt waiting for the next day I woke up with it quite a surprise this was fun. They constantly point and can be found easily. Here t for an appropriate share valuable ideas will appreciate.
January 10, 2012
I was very happy that I discovered this website. I needed to thank you for this excellent information!!
January 11, 2012
This is very informative post. Thanks for sharing the tips for Setting background image position for a HBox / VBox in Flex.
January 12, 2012
Excellent post and wonderful blog, I really like this type of interesting articles keep it u. I am really loving the theme/design of your web site.
January 12, 2012
This share is quite helpful guidelines. Rrt waiting for the next day I woke up with it quite a surprise this was fun. They constantly point and can be found easily. Here t for an appropriate share valuable ideas will appreciate.
January 12, 2012
I appreciate spending some time to talk about that, I believe firmly regarding this and so really enjoy understanding more about this kind of subject.Keep up the good work!
January 13, 2012
Pretty good post. I just stumbled upon your blog and wanted to say that I have really enjoyed reading your blog posts.I recently came across your blog and have been reading along. I thought I would leave my first comment. I don’t know what to say except that I have enjoyed reading. Nice blog. I will keep visiting.
January 13, 2012
I admire the valuable information you offer in your articles. I will bookmark your blog and have my children check up here often. I am quite sure they will learn lots of new stuff here than anybody else!
January 13, 2012
Nobody can go back and start a new beginning, but anyone can start today and make a new ending.
January 25, 2012
Really your post is really very good and I appreciate it. It’s hard to sort the good from the bad sometimes, but I think you’ve nailed it. You write very well which is amazing. I really impressed by your post.
January 28, 2012
Really appreciate this wonderful post that you have provided for us.Great site and a great topic as well i really get amazed to read this.
January 28, 2012
I found your blog has great resource to read in graph. It is very interesting and an innovative way. Thanks for sharing here.
January 30, 2012
I woke up with it quite a surprise this was fun. They constantly point and can be found easily. Here t for an appropriate share valuable ideas will appreciate.
January 31, 2012
I seriously enjoy simply reading all your blogs. Just wanted to let you know that you have people like me who appreciate your work.
January 31, 2012
The efficiency law sets forth measures for energy efficiency in industry, power genetration, transmission and distribution systems, buildings, and transport.
January 31, 2012
I really appreciate your work but i don't follow it because it create much problem and difficult as well. "this is an awfully heavy (and potentially risky) solution for what should be a very simple problem" your this comment is very right. about the risk of our work for setting background image position for a HBox / VBox in Flex.
February 1, 2012
Very significant article for us ,I think the representation of this article is actually superb one. This is my first visit to your site.
February 1, 2012
So far, I managed to go though only some of the posts you have here, but I find them very interesting and informative. Just want say thank you for the information you have shared.
February 1, 2012
This is my first post. I really like this blog. I'm reading this post from my I-Phone and it looks great!
February 1, 2012
I wanted to thank you for this great read!! I definitely enjoyed every little bit of it. I have you bookmarked to check out new stuff on your post
February 1, 2012
I think the error is due to a virus and disabling the firewall in that case will not be an intelligent thing to do.
February 1, 2012
I like your blog post. Keep on writing this type of great stuff. I'll make sure to follow up on your blog in the future.
February 1, 2012
Pretty Interesting post. Could not be written any better. Thanks for sharing!
February 1, 2012
Hi, I just stumbled upon your post,a good view point. Hey your post left me quenching for more.
February 1, 2012
Awesome blog. I enjoyed reading your articles. This is truly a great read for me. I have bookmarked it and I am looking forward to reading new articles. Keep up the good work!
February 1, 2012
Glad to visit your blog. Thanks for this great post that you share to us..
February 1, 2012
Excellent stuff from you man. I've read your things before and you are just too awesome. I adore what you have got right here. You make it entertaining and you still manage to keep it smart. This is truly a great blog. Thanks for sharing.
February 1, 2012
Pretty good post. I just stumbled upon your blog and wanted to say that I have really enjoyed reading your blog posts.
February 1, 2012
I wanted to thank you for this great read!! I definitely enjoyed every little bit of it. I have you bookmarked to check out new stuff on your post
February 2, 2012
Excellent stuff from you man. I've read your things before and you are just too awesome. I adore what you have got right here. You make it entertaining and you still manage to keep it smart. This is truly a great blog. Thanks for sharing.
February 2, 2012
You produce a great point in your own final paragraph. We couldn’t agree more together with your points. In today’s modern world, your approach to this issue is lacking in today’s kids. We need to ensure that our kids find out more on this topic so we never lose our ways.
February 2, 2012
Nice to be visiting your blog again, it has been months for me. I need this article to complete my assignment in college. Thanks.
February 3, 2012
Generally I do not post on blogs, but I would like to say that this post really forced me to do so, Excellent post!
February 3, 2012
Amazing!I also wish him good luck to defend his gold medal. I like to share it with all my friends and hope they will also encourage him.
February 3, 2012
Nice article, I am a big time fan of your site, keep up the nice work, and I will be a frequent visitor for a very long time.
February 3, 2012
I was very pleased to find this site. I wanted to thank you for this great read!! I definitely enjoyed every little bit of it and I have you bookmarked to check out new stuff you post.
February 3, 2012
This is a really good read for me, Must admit that you are one of the best bloggers I have read. Thanks for posting this informative article.
I've got an application where i need to put a background image (that is basically a banner) and all i could get to work was to display the image in the center or bottom of the page.
I can figure out why the backgroundImage property won't display the image at the top of the page without eventually changing the ratio.
Anyway, your little trick worked and i'll use it for the time being.
So thanx again