A place for customers to chat about Realmac and its products - RapidWeaver, Clear and Ember!

1-10 Columns - FlexGrid

DeFliGraDeFliGra DenmarkPosts: 841Members
edited April 2012 in Announcements
Nov. 28 2011 - Update News:
FlexGrid and all other DeFliGra stacks are updated to Stacks 2.
But they will still work with Stacks v/1.
Flexgrid · A-Menu 123 · ResourceButtonMaker · ResourceBG & ResourceIMG · ResourceLayer
Update e-mail has been sent to all - if you didn't receive it, shoot me... an e-mail.


Ever wanted more than 3 columns or columns with or without column space?
Or being able to adjust the column space?
4 columns not enough? How about 5, 6, 8 or 10?

FlexGrid breaks free from the fixed width... In the HUD you can choose the column width of each column - 1-2-3-4-5-6-7-8-9-10 columns with or without column space. You can choose to align the grid left on page, right or center. In other words... place your stacks on your stacks page - where you want...

The FlexGrid is 10 stacks: 1-2-3-4-5-6-7-8-9-10 column stacks.

Flexgrid replaces the 960 - 840 - 720 stacks.

Take a look... and look for Flexgrid.
<cheers> DeFliGra | Stacks for RapidWeaver Stacks Plugin </cheers>
http://www.defligra.com · http://www.vissenbjergtryk.dk · http://www.iloveodense.dk
«1

Comments

  • Rusty WoodRusty Wood LondonPosts: 1,108Members, Moderators
    edited July 2011
    Nice Job, very smooth transaction, great examples....

    Just had to pop this fantastic addition into my tool box.

    Thanks

    Rusty
  • ColorwaveColorwave A rock in the middle of the Pacific OceanPosts: 1,412Members, Moderators
    edited 11:24AM
    There are a number of similar stacks, but as you have noted, what you have created seems to fit a particular niche that others have overlooked (except perhaps TableBildr?). Well done demos. Can I ask: does the stack itself break when it isn't given a full 960px? I use FreeStacks with 960px total page width for many sites, but usually like some padding for anything in my content area. If I have a 960px page, but only leave the stack 920 to 940px due to padding, will it not work correctly?

    PS: Love note #5 on your contact page. I'm in Hawaii, so we can probably converse quite well, as I think we are exactly 12 hours apart. To fix your sleep problem, you need Wesley's auto dialing stack that allows visitors to place a call to you directly from your website. Perhaps the scariest stack of all, if you don't turn the phone off at bedtime.
  • hansvanbruggehansvanbrugge Posts: 187Members
    edited 11:24AM
    Instant buy. The tips on your website are great. I will keep them in mind :-) Keep it simple ... that's the message.
  • tamrwtamrw IsraelPosts: 35Members
    edited 11:24AM
    Very nice! looks very useful

    This stack can be just perfect for me with hover effect in each cell.

    Tami
  • DeFliGraDeFliGra DenmarkPosts: 841Members
    edited November 2011
    Yes... there's a number of similar stacks around. Good solutions too. TableBildr by RWExtras is one. The new Mansory by Weaver Addons is another... very slick and functional. Joe Workman has both Rows and Power Grid. Believe there's a few more.

    Realmac never got their table attempt very far. That's a shame. Would have made things a little easier... I think. That's why I've been crying for solutions... But tables the good old fashioned way has been predicted the death for a long time. CSS will rule the world - and tables... and there's a nice css solution too. Only problem is... worlds favorite browser Internet Explorer - and especially 7. And we will have to deal with IE 7 for another year or maybe a little longer. A little statistic I read couple of weeks ago tells us that IE7 and IE6 still counts for aprox 18-19% of all IE users. It's too many to ignore...

    Anyway... 960 (the 960-840-720 stacks are replaced by the much more flexible FlexGrid stacks) is much more simple than both Mansory and TableBildr. But what is does and does good is allowing you to layout your page horizontally. This is good when working with many columns and rows. I have chosen 960 - cause it's a magic number. As mentioned - can be decided with 1-2-3-4-5-6-8-10 and leave us with an integer.

    A theme with a width of 960 (if not flexible / fluid width) will not work. Has to be wider... because of margin / padding of th theme. Or as mentioned has to be flexible / fluid layout. Blueballs FreeStack set to variable / fluid layout works great. Or 1060 - 1160 pixels width.

    I did the stacks cause I like being able to layout a page horizontally. I'm more a visual guy than a code guy :)

    And Tami - Hover effect... shouldn't be too hard I think. Isn't there a hover stack around? It might work though I haven't tested it. I'll look into it. But what I have tested is a little fun effect with Joe Workmans Cycler Stack and the 960... I'll make an example during the weekend.

    Thanx :)
    fluid.png
    344 x 590 - 82B
    <cheers> DeFliGra | Stacks for RapidWeaver Stacks Plugin </cheers>
    http://www.defligra.com · http://www.vissenbjergtryk.dk · http://www.iloveodense.dk
  • JohnJJohnJ cyberSpacePosts: 540Members
    edited 11:24AM
    I like it. Do we need to load 12 stacks to our library for this. I really like the looks of this but adding 12 stacks to my stacks library is a bit much. The price is a real bargain and thank you for the discount.

    You also show this being used as a store. How would the cart work?
    progress.gif Still working on it...
  • DeFliGraDeFliGra DenmarkPosts: 841Members
    edited July 2011
    Hi John... there's a stack for every column you wish to use + two helper stacks.

    Someone more skilled, more time or doing this for a living :-) might be able to create one stack for all columns. Doing it that way... you would have to adjust settings in the HUD. Takes time... Easier - I think - just dragging the column stack you want to use to your page.

    I think... only a few will use 8 and 10 columns. If you don't need them, don't install them.

    The coconut example is just a layout example. Not really a shop example. Though... I believe you can create a shop using stacks and... one of the online cart shop services (Cartloom and kulersolutions e-store stack set solution?). Haven't really looked into it. Or tested it. In my opinion it's easier using one of the dedicated 3-4 rapidweaver 3d party shop solutions... plugins. But... it's a matter of taste and layout I think :) Stacks are about freedom to layout your page the way you want it. I might be tempted to use the kulersolution after all. I love freedom!

    I used to use... e-junkie and was really happy with the solution. Cheap and... now I use RapidCart and RapidLink and is really happy with the solution too. It's cheaper. No monthly pay. And easy to set up with Paypal. But I believe that cartloom - though more expensive - is preferred by the number of pro stack developers!?

    Loading 12 stacks to a library that's already... loaded - might seem overwhelming. I have aprox 280 stacks at the moment !!! And counting! I'm a stack'o'holic :) But I'm putting my faith in Isaiah (what he has created has revolutionized RapidWeaver!) and the next version of stacks... giving us the opportunity to organize the stacks. Hell... it's become an entire industry - for better or worse.
    <cheers> DeFliGra | Stacks for RapidWeaver Stacks Plugin </cheers>
    http://www.defligra.com · http://www.vissenbjergtryk.dk · http://www.iloveodense.dk
  • Ed BrennerEd Brenner TexasPosts: 3,332Moderators
    edited 11:24AM
    Just added a link to your site over at myRapidWeaver's Stacks Page.
    myRapidWeaver
    FreeStack Theme
    MacSupportCasts
    { old forum post count = 6128 }
  • DeFliGraDeFliGra DenmarkPosts: 841Members
    edited July 2011
    Thanx Mr. Brenner :)

    The help and dedication of people in this forum is tremendous.
    <cheers> DeFliGra | Stacks for RapidWeaver Stacks Plugin </cheers>
    http://www.defligra.com · http://www.vissenbjergtryk.dk · http://www.iloveodense.dk
  • Ed BrennerEd Brenner TexasPosts: 3,332Moderators
    edited 11:24AM
    No problem. Now you've got to get back to work on your next release! ;-)
    myRapidWeaver
    FreeStack Theme
    MacSupportCasts
    { old forum post count = 6128 }
  • DeFliGraDeFliGra DenmarkPosts: 841Members
    edited July 2011
    on 1311363258:
    No problem. Now you've got to get back to work on your next release! ;-)

    Shit... sorry for my language :) I've stayed up till. 4-5-6 in the morning for 4 nights to get this thing airborn.

    What I'm really looking forward to is going camping with my 9 year old son next week. Our yearly one week camping. I'm in Denmark. Have had 9 summer holidays so far... 7 rainy days. This is why and how I managed to do the 960 stacks :)

    Favorite online service would be... WEATHER EXCHANGE! Don't you miss rainy days sometimes? I'd gladly swap a few :)

    Anyway... I know what my next project will be. And it'll be free.
    A big thanx to the community for all the help I have received along the way.
    <cheers> DeFliGra | Stacks for RapidWeaver Stacks Plugin </cheers>
    http://www.defligra.com · http://www.vissenbjergtryk.dk · http://www.iloveodense.dk
  • Ed BrennerEd Brenner TexasPosts: 3,332Moderators
    edited 11:24AM
    Don
    myRapidWeaver
    FreeStack Theme
    MacSupportCasts
    { old forum post count = 6128 }
  • DeFliGraDeFliGra DenmarkPosts: 841Members
    edited October 2011
    on 1311330873:
    Very nice! looks very useful

    This stack can be just perfect for me with hover effect in each cell.

    Tami


    ThemeFlood has a nice simple hoover-stack that'll do the trick:
    http://www.themeflood.com/addons/hoverbox

    The stack can be used in each cell... though I'm not sure how it'll behave if 20-30-40 hover stacks are added!?

    On ThemeFlood's domain you'll also find the free Link Stack... creates a box container within a page. The container acts as a giant button to a URL. Link Box is clever, in that it will scan through stacks placed inside itself and use the first link it comes across as the main URL.

    Another way of using the ThemeFlood hover box would be... changing a 3 column to a 4-5-6 column to create a nice surprising effect.

    And beside that - if you short of a theme, take a look at Themeflood's huge amount of free themes. There's some really really good looking free themes in the collection.
    themeflood.png
    1000 x 642 - 578B
    <cheers> DeFliGra | Stacks for RapidWeaver Stacks Plugin </cheers>
    http://www.defligra.com · http://www.vissenbjergtryk.dk · http://www.iloveodense.dk
  • DeFliGraDeFliGra DenmarkPosts: 841Members
    edited July 2011
    960 now has a little sister. She's called 720.

    Perfedt for themes with narrower width.
    Free upgrade for all who bought 960 (summer holliday intro discount).

    If you didn't receive the upgrade mail, please mail me.
    I know a couple of e-mails didn't get through cyberspace.


    A couple of screendump attached - showing you other ways of using the 720 and 960 grid.
    gradeexample.png
    961 x 241 - 27B
    960-fluid-width.png
    450 x 474 - 266B
    <cheers> DeFliGra | Stacks for RapidWeaver Stacks Plugin </cheers>
    http://www.defligra.com · http://www.vissenbjergtryk.dk · http://www.iloveodense.dk
  • tamrwtamrw IsraelPosts: 35Members
    edited 11:24AM
    Just bought it. Beautiful and "smart" stack.(The hover effect works fine...)
    Waiting for your next release !

    Tami
  • DeFliGraDeFliGra DenmarkPosts: 841Members
    edited 11:24AM
    on 1311841353:
    Just bought it. Beautiful and "smart" stack.(The hover effect works fine...)
    Waiting for your next release !

    Tami

    Thanx Tami... actually works fine with ThemeFloods hover-stack (http://www.themeflood.com). Thanx for the tip :-)

    Makes it easy creating a 'grid' with product / product links. Show a picture, a little text, the hover effect shows a little more and a click takes you to the desired page.

    ThemeFloods hover-stack is genious, links to the first link it find's... no complicated setup. Should be in every stack toolbox.
    <cheers> DeFliGra | Stacks for RapidWeaver Stacks Plugin </cheers>
    http://www.defligra.com · http://www.vissenbjergtryk.dk · http://www.iloveodense.dk
  • DeFliGraDeFliGra DenmarkPosts: 841Members
    edited August 2011
    As requested by users I have created a set of 840 pixels stacks.
    Only difference to the 960 and 720 is the width.

    New Stack Package #2
    840 is like it's big brother (960) and little sister (720) 10 stacks: 1-2-3-4-5-6-8-10 columns
    + 2 helper stacks (same as the 960 and 720).
    The 840 is a paid upgrade.

    New Stack Package #3
    I've also created - also by request from users - a 9 stacks expansion package to the 960.
    2, 3 and 4 columns in a 5 column grid.
    Sometimes it's nice having columns with a wider width for ie pictures.
    The 960 extra are free for all who bought the original 960 stacks,
    and free for all who buy the original 960 stacks before august 10.

    If you only want to 'grid' your site in 2-3-4 columns in a 5 column grid you actually don't need the original 960 stacks. Both the original 5 column and the two helper stacks are included.

    Just like the original 960 you can create a grid with or without column-space.

    Take a look at the attached picture... it'll explain it all :)
    http://www.denflinkegrafiker.dk
    5-column-grid.png
    818 x 1024 - 233B
    <cheers> DeFliGra | Stacks for RapidWeaver Stacks Plugin </cheers>
    http://www.defligra.com · http://www.vissenbjergtryk.dk · http://www.iloveodense.dk
  • stan68stan68 Essex, UKPosts: 329Members
    edited 11:24AM
    how do we get the update?
    "They say Rome wasn't built in a day, but I wasn't on that job" (Brian Clough)
  • DeFliGraDeFliGra DenmarkPosts: 841Members
    edited 11:24AM
    on 1312740122:
    how do we get the update?

    All buyers of the original 960 will receive a mail with an 'upgrade link' within the next couple of hours.
    If you don't get the mail, please mail me.
    <cheers> DeFliGra | Stacks for RapidWeaver Stacks Plugin </cheers>
    http://www.defligra.com · http://www.vissenbjergtryk.dk · http://www.iloveodense.dk
  • DeFliGraDeFliGra DenmarkPosts: 841Members
    edited August 2011
    Hi fellow weavers,
    Excuse me for disturbing you at this lovely Tuesday.

    I've just relesed a new small 'update' (or 960 freebee) to the 960 stacks. A new 'intelligent' helper stacks.
    E-mail has been sent out. If you didn't receive it... look in your mail junk folder. And if it isn't there - shoot me an e-mail.

    It does one thing only... allows you to add a background picture to the stack.
    You probably got one or two stacks that does this already... so how is this different?

    Take a look at the hud!
    To add a background picture you only need to drag an image to the resources area and type the name of the picture (in the hud). You don't need to write the path or upload first before previewing your layout / pictures.

    Say... you want to reuse a picture as a stack background on several stack pages - you just need to import the picture to the resources area - and have the stack link the resource picture (just type the filename, no path... the stack figures out the path.)

    Of course... this stack works with any theme. Cause the New RapidWeaver 5 macro does't work from css file - you'll only be able to see the background image in preview mode. But (important) you don't need to ftp upload pictures first! It'll work 5 sub levels down (should be enough).

    The stack is free for all who bought the 960 - 840 and 720 stakcs - and you might just be able to keep your RapidWeaver file size down because the 960 BgResources file uses the resources area. If you reuse a picture you won't have to add it to every page! This is called warehousing.

    It's Safari, Crome, Firefox, IE 7, 8 and 9 compatible.

    Have a nice tuesday.
    Hope you like the new BgResources stack and find it useful.
    bgresources1.png
    800 x 608 - 754B
    bgresources2.png
    1000 x 760 - 454B
    itshud2day.png
    426 x 556 - 116B
    <cheers> DeFliGra | Stacks for RapidWeaver Stacks Plugin </cheers>
    http://www.defligra.com · http://www.vissenbjergtryk.dk · http://www.iloveodense.dk
  • stan68stan68 Essex, UKPosts: 329Members
    edited 11:24AM
    Thanks for the free stack, very generous
    "They say Rome wasn't built in a day, but I wasn't on that job" (Brian Clough)
  • DeFliGraDeFliGra DenmarkPosts: 841Members
    edited 11:24AM
    Small update... nothing revolutionary.

    The ResourceBackground Stack been updated.
    #1: Changed how it links to the Resource Background Images
    #2: Added a nice little feature. The stack adds the image name above the stack.
    #3: Pure cosmetic. Changed the icon.

    And... if you need some fancy backgrounds for your website
    take a look at: http://backgrounds.mysitemyway.com
    Many of the backgrounds are free for both personal and commercial use.
    They will really facelift your website.


    Mail with the update has been sent out to all.
    If you didn't receive it... try checking your spam folder.
    If you still didn't receive it - shoot me an email.
    showme.png
    817 x 338 - 23B
    <cheers> DeFliGra | Stacks for RapidWeaver Stacks Plugin </cheers>
    http://www.defligra.com · http://www.vissenbjergtryk.dk · http://www.iloveodense.dk
  • rodsteelerodsteele Posts: 169Members
    edited 11:24AM
    Just noticed this thread - does this Stack effectively mean we can now design with the 960.gs system within Rapidweaver?
  • DeFliGraDeFliGra DenmarkPosts: 841Members
    edited August 2011
    on 1314091810:
    Just noticed this thread - does this Stack effectively mean we can now design with the 960.gs system within Rapidweaver?

    There's a very very good reason why Isaiah only created a 1, 2 and 3 column stack... dam good reason. The reason is internet explorer. 7 is a nightmare - you know that - 8 ain't to good either, but we still have to create web solutions that'll work with 7 and 8 for... some time.

    I've created the first 20 stacks... that didn't work in IE. Tried this, tried that. Changed this, changed that. Till I finally came up with a solution that worked. But I had to make some trade-off's! There's a stack for each column width. 1-2-3-4-5-6-8-10 columns. And two/three helper stacks. The solution is 11 stacks. Hopefully Yourhead will make it easier to organize stacks in the future - in folders... is my wish, but I don't know.

    It's not the ultimate solution! The ultimate solution would allow you to define the width of each cell... i tried this solution too - but couldn't get the calculations to work. Though I'm sure - my math was correct. I have not completely given up... but couple of years from now - we have full css3/4 and html5 integration - and IE 7 and 8 will have gone to browser heaven or hell. We will work with totally different stacks by then. Well... if Isaiah doesn't come up with another revolutionary plugin :)

    To your question... take a look at the image. This is what the 960 grid offers. 8 fixed column width. Can't be changed - on the fly or in the hud. I created an xtra 960 5-column stack with alternative width... 9 stacks giving your more design 'freedom'. I could do this with any number of columns... but - I'd have to create tons of stacks to do it. Might be a little crowded in the Stacks Library.

    I did create 840 and 720 grid stacks for themes with smaller width. I'm concidering a 900 width (1-2-3-4-5-6 columns). This will be free to all who bought the 960 - and want the 900 width stacks.

    960grid.png
    <cheers> DeFliGra | Stacks for RapidWeaver Stacks Plugin </cheers>
    http://www.defligra.com · http://www.vissenbjergtryk.dk · http://www.iloveodense.dk
  • rodsteelerodsteele Posts: 169Members
    edited 11:24AM
    Thanks for your detailed response, appreciated. It's probably beyond the remit of the app, but I'd love to see RW support gridsystems like 960.gs.
  • DeFliGraDeFliGra DenmarkPosts: 841Members
    edited August 2011
    on 1314128556:
    Thanks for your detailed response, appreciated. It's probably beyond the remit of the app, but I'd love to see RW support gridsystems like 960.gs.

    It is - and yes, that would be really cool.
    I'm sure it will and can be done... but we need to kill the old browsers first.

    But what it does - the 960 stacks - is allowing you to work with 1-2-3-4-5-6-8-10 columns. Something I needed and wanted to be able to... to choose whether I wanted to work with or without the column width. And work with more than 3 columns.

    Didn't think there would be any point in creating 12, 15, 16, 20, 24 columns. Will also almost be impossible to work with in Stacks.

    Anyway - theres a free demo on the website. Couple of 5 column stacks.
    <cheers> DeFliGra | Stacks for RapidWeaver Stacks Plugin </cheers>
    http://www.defligra.com · http://www.vissenbjergtryk.dk · http://www.iloveodense.dk
  • stan68stan68 Essex, UKPosts: 329Members
    edited 11:24AM
    Hi, forgive me if I'm missing something here but I don't quite understand your argument that the 960 grid system doesn't work in IE, when clearly it does in other web development platforms such as WordPress?
    "They say Rome wasn't built in a day, but I wasn't on that job" (Brian Clough)
  • DeFliGraDeFliGra DenmarkPosts: 841Members
    edited 11:24AM
    It does... it does... it does.

    But creating a grid: width 960 px and the popular 12 column 60 px columns - being able to adjust number of columns, the width between the columns, the size of the columns - I don't think it's possible - at the moment ' with RapidWeaver and Stacks... and supporting IE 7/8.

    But I might be wrong !

    I don't know if it's possible to work with a 12 columns in RapidWeaver... 16 is impossible. Not to create a stack with 12 or 16 columns. You won't be able to squeeze contents into the cells!

    The Blocks plugin is better suited for that purpose. But... Blocks doesn't have all the nice things Stacks offers.
    <cheers> DeFliGra | Stacks for RapidWeaver Stacks Plugin </cheers>
    http://www.defligra.com · http://www.vissenbjergtryk.dk · http://www.iloveodense.dk
  • stan68stan68 Essex, UKPosts: 329Members
    edited 11:24AM
    Ok, I understand. You are saying that using Stacks to create 12 columns using the floating div approach won't work, which is certainly not how floating divs are supposed to be used as far as I know. I suppose this could be done with Blocks (absolute positioned divs) but that's not ideal either. Thanks for the answer, and thanks for your stacks
    "They say Rome wasn't built in a day, but I wasn't on that job" (Brian Clough)
  • DeFliGraDeFliGra DenmarkPosts: 841Members
    edited August 2011
    Updage #5: Feature request
    Align feature added to the stacks (HUD).

    Align stacks in one of the Grid stacks (960 + 960XTRA + 840 + 720) to:
    png
    png
    middle.png
    403B
    png
    png
    bottom.png
    403B
    png
    png
    top.png
    409B
    <cheers> DeFliGra | Stacks for RapidWeaver Stacks Plugin </cheers>
    http://www.defligra.com · http://www.vissenbjergtryk.dk · http://www.iloveodense.dk
Sign In or Register to comment.