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 -- 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 [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/blueprintcss?hl=en.
