Results 1 to 6 of 6

Thread: 960 or similar grid system

  1. #1
    New user
    Join Date
    02-14-10.
    Posts
    10

    Default 960 or similar grid system

    You all recognize this. It is used to stack modules in a given order on a page:
    [attachment=1:26noo6z6]frontend_module_positioning.png[/attachment:26noo6z6]

    What if it also had a "Width" parameter:
    [attachment=0:26noo6z6]fe_with_grid.png[/attachment:26noo6z6]
    This way, it would be easy to position modules side by side on a grid system.
    If this were a 12-column wide grid, Foo-Bar-Boo would be side by side, and below it, Buzz-Fuzz would be side by side.

    Does this make sense? How easy would this be to implement?
    I know there are details, e.g. need a way to enter the maximum grid width, and a way to insert a clear.

    I currently work with soho, and I hate everything about it, except the method to position modules on a grid:
    http://promanual.soholaunch.com/index.p ... ng=english
    http://promanual.soholaunch.com/index.p ... ng=english
    Unfortunately, soho uses tables for positioning, which yields terrible results some times.

  2. #2
    User Toflar's Avatar
    Join Date
    06-19-09.
    Location
    Lyss, Switzerland
    Posts
    170

    Default Re: 960 or similar grid system

    Well, I personally think that this is totally a thing that should be handled by css only.

    Did you know that there is a 960 grid system for TL?

    Enhance the css framework: http://www.typolight.org/download.html#css
    Regards

    Yanick - Contao core developer @terminal42 gmbh

  3. #3
    New user
    Join Date
    02-14-10.
    Posts
    10

    Default Re: 960 or similar grid system

    Did you know that there is a 960 grid system for TL?
    Enhance the css framework: http://www.typolight.org/download.html#css
    Yes, I saw that. What is not entirely clear to me is how to specify the position of each module on the grid. I thought the layout did that, but it can only list modules top to bottom.

  4. #4
    Experienced user
    Join Date
    06-20-09.
    Posts
    1,311

    Default Re: 960 or similar grid system

    i think you would add g4 as a class to foo,bar and boo in each actual module at the bottom (id/class)---- and g3 to buzz and g9 to fuzz...... should do the same thing if you are using the gridpx stylesheet.
    I really like your idea, but I'm unsure if someone was using a 16 grid not 12, or no grid at all, or a percentage grid whether it might not be a hindrance?

  5. #5
    New user
    Join Date
    02-14-10.
    Posts
    10

    Default Re: 960 or similar grid system

    i think you would add g4 as a class to foo,bar and boo in each actual module ...
    So the module would contain its positioning information. To re-layout a page, I would have to open each module and edit it. It sounds simpler to me if the layout contained the positioning instead, there would be only one place to edit. And a module could be used on multiple pages with different layouts.

    As for layouts that don't use a grid or use a different grid, or a percentage grid, I guess some options would be needed to adjust what configuration is available to the layout. I have not really thought about that yet. I am very very new to TL and just learning for now.

  6. #6
    Experienced user
    Join Date
    06-20-09.
    Posts
    1,311

    Default Re: 960 or similar grid system

    And a module could be used on multiple pages with different layouts.
    True, i hadn't thought of that.
    Like I say, i do like your idea... i'm just unsure whether it would fit most peoples use.
    Run it by Leo as a feature suggestion in the ticket system... he'll probably implement it if it has a real advantage.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •