Responsive Design - Column Based

For anyone looking to do Responsive Design using a Column Based approach I created a sample project with all the libraries and examples needed to do this.

https://www.dropbox.com/s/6xe7oa7o0pbbx0a/ResponsiveGrid2017-08-23.zip

It’s based on a 12 column grid system and you can see as you change the window size from small to extra-large how the layout repositions and keeps everything looking nice with minimal work.

PREVIEW:

https://www.dropbox.com/s/538mo947zlrei40/ResponsiveDesign2017-08-23%20at%2011.19.11%20AM.png

[quote=347170:@Brock Nash]PREVIEW:

https://www.dropbox.com/s/538mo947zlrei40/ResponsiveDesign2017-08-23%20at%2011.19.11%20AM.png[/quote]
Make sure you include the dl=1 parameter on the end of your Dropbox image links.

UPDATED VERSION

  • Handles CSS changes Xojo had made to the WebFramework that prevented the applied styles from taking place.

https://www.dropbox.com/s/io7zw55homxykjg/ResponsiveGrid-2018-04-13.zip

[quote=347290:@Greg O’Lone]Make sure you include the dl=1 parameter on the end of your Dropbox image links.[/quote]
Maybe that changed to raw=1, that’s what I used following this post information.

Nice. Looking forward to take a look at this :slight_smile:

@Brock Nash nice job with this. Thank you for putting in the work.