We help IT Professionals succeed at work.

How do I make this Flex Layout

2,256 Views
Last Modified: 2008-01-09
Hi, I am trying to make the following FLEX layout.

http://www.tyglobal.net/flexlayout.gif

How would I do this, note: I am not familiar with flex at all, I prefer the design layout to the code layout. Thanks.

Comment
Watch Question

Commented:
You'd probably be best to start with a Canvas and use the constraint values to keep the panel on the left and the tab navigator sized correctly.  Then it's a matter of playing with the interior items.  It might be easier of you attempted the layout and let us know if there were specific difficulties you were running into.  Give it a go, and I'd love to help out from there.

Author

Commented:
Ok, here is my problem, I've uploaded a pic to show you.

I have changed the layout a little bit, but my question is this. These are the changes I'm having trouble with

I need to know how to:

make the buttons on the left are aligned to the bottom of the screen.

and the height of the right datagrid to be the full height of the panel minus 20 px on the top (space for buttons).

The link to my screen shot is
http://www.tyglobal.net/mylayout.gif

Thanks. Also, if you know anything about adding an image within a datagrid let me know. Thanks.

Commented:
I think the key here is going to be percentages and spacers.  Put a spacer at the top on the right that's 20px tall, then set the datagrid height to 100% (assuming the panel is set to vertical).  If it's set to absolute, then just set the constraints to 0 on all sides except the top, set that to 20px.  For the buttons on the left I'd just put a spacer between the list at the top and the buttons.  Or make your list height 100%.

Author

Commented:
Both worked like a charm.

Only 1 question left, how can I add a little image into a datagrid?

By the way, I really appreciate your help, I wish there was a way to give extra points.

Commented:
Unlock this solution and get a sample of our free trial.
(No credit card required)
UNLOCK SOLUTION

Gain unlimited access to on-demand training courses with an Experts Exchange subscription.

Get Access
Why Experts Exchange?

Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.

Jim Murphy
Programmer at Smart IT Solutions

When asked, what has been your best career decision?

Deciding to stick with EE.

Mohamed Asif
Technical Department Head

Being involved with EE helped me to grow personally and professionally.

Carl Webster
CTP, Sr Infrastructure Consultant
Empower Your Career
Did You Know?

We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE

Ask ANY Question

Connect with Certified Experts to gain insight and support on specific technology challenges including:

  • Troubleshooting
  • Research
  • Professional Opinions
Unlock the solution to this question.
Thanks for using Experts Exchange.

Please provide your email to receive a sample view!

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.