Forums

Hi I have been trying for the last four days to try to produce a layout similar to http://dojotoolkit.org/documentation/tutorials/1.6/dijit_layout/demo/appLayout.html

I am only interested in the main layout not the tabview part at present.

I need the ability to vary the column width between Sidebar content (left) and Group 1 Content.

I have tried using grids with two divs can resize one but not both inside a 'yui3-g' class.

I have also tried widgets as panels but did not get very far.

EDIT
This is the code I tried with div's worked well until I populated div's with content http://jsfiddle.net/allanb/zjFEj/1/

Thank you for your reply jdopazo I was hoping for a YUI3 way.

I listened to a talk on the subject on Open Hours it seems that this is where the team is hoping to get to in the near future.

I will play around a bit more with Layouts in YUI2 I have it working on a jsfiddle inside of yui3.

Does yui3 pull down all the required CCS files? (as some styling seems missing)

Is there a local version of something like jsfiddle to only work with yui?
Living in Africa with slow internet connections and limited caps (restrictions on up/download quantity)

I did manage to find a jsfiddle from you on the forums http://jsfiddle.net/juandopazo/SFcFB/.

I will try and get this working without the grids and see if I can get it to resize one of the divs.

Will postback if I have a query or just with a solution.

Thank you again.

I don't think that CSS combination ("float: left" for one div and "width: 100%" for the other) works in IE < 8.

You're very likely going to have to use the events provided by the resize utility to resize the other div. Something like...

Regarding how to work locally with YUI, you can download the library from the download link in the homepage and put it in some folder in your local webserver. Then, in your scripts do this: