Reorganizing the grid dynamically

[Apurva Mehta]

Hi, I am new to Blueprint CSS and fairly new to front end engineering as well. So please forgive my naivety. I have a question which I have not seen asked before. I have spent a fair bit of time searching through the archives and the web in general.

First, some context: my web application has a basic three column layout. This means I have 3 divs : 'span-4', 'span-16', 'span-4 last'. The left hand column is a menu. The right hand column is some dynamic content related to the center column. (Think the gmail web interface). 

Now, the central 'span-16' works well for most views: it is filled with a dynamically generated table. But there are some views which require the central column to have a more advanced layout. In other words, some views essentially require breaking up that 'span-16' into multiple boxes. 

My question is: is it advisable to change the arrangement of the grid through javascript? I still want a 24-column grid which is 950px wide and has 10px gutters, but I want to be able to change the configurations of the columns dynamically depending on where the user is in the application. I would like to do this on the same page so that there are no reloads. Could I just 'show' and 'hide' different div's to achieve this effect? I think that should be possible, but I am not sure if that is a recommended solution. 

I get the feeling that this kind of requirement is not unique to me, and that there must be fairly standard ways of doing it. I would really appreciate pointers to these methods if they exist.

If it is not possible, any suggestions on what I should be doing would be most welcome!

Thank you,

Apurva 

[Denis BEURIVE]

Hello,

I see no other way that using a client-side technology : JavaScript, or ActionScript (the later requires the Flash Player).

If I were you, I'd look at JQuery.

Regards,

Denis

2011/6/14 Apurva Mehta <apurv...@gmail.com>

--
You received this message because you are subscribed to the Google Groups "Blueprint CSS" group.
To view this discussion on the web visit https://groups.google.com/d/msg/blueprintcss/-/X7_F5xsRryYJ.
To post to this group, send email to bluepr...@googlegroups.com.
To unsubscribe from this group, send email to blueprintcss...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/blueprintcss?hl=en.