Responsive Design - Column Based

  1. 8 months ago

    Brock N

    23 Aug 2017 Pre-Release Testers, Xojo Pro

    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.

    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

    -image-

  2. Brock N

    23 Aug 2017 Pre-Release Testers, Xojo Pro
    Edited 8 months ago

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

  3. Greg O

    24 Aug 2017 Xojo Inc Somewhere near Raleigh, NC

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

    Make sure you include the dl=1 parameter on the end of your Dropbox image links.

  4. 7 days ago

    Brock N

    Apr 13 Pre-Release Testers, Xojo Pro Answer
    Edited 7 days ago

    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

    -image-

  5. Alberto D

    Apr 13 Pre-Release Testers, Xojo Pro

    -image-

    @Greg OLone Make sure you include the dl=1 parameter on the end of your Dropbox image links.

    Maybe that changed to raw=1, that's what I used following this post information.

  6. 6 days ago

    Albin K

    Apr 13 Europe (Sweden)

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

or Sign Up to reply!