Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Biagio Paruolo 1621 posts 1914 karma points c-trib
    Apr 27, 2016 @ 13:10
    Biagio Paruolo
    0

    Grid: using with UIKit

    Hi,

    How to setting up the grid layout to use UIKIT or Foundation and not Bootstrap?

    Thanks.

  • Dennis Aaen 4500 posts 18255 karma points admin hq c-trib
    Apr 27, 2016 @ 13:16
    Dennis Aaen
    0

    Hi Biagio,

    Try to have a look at the package umbraco-grid-renderers https://our.umbraco.org/projects/developer-tools/umbraco-grid-renderers/

    In this package you will get the grid layout, using different types of frameworks including Foundation and others.

    Foundation

    Responsive

    Skeleton*

    Gumby

    SolidGrid

    Skel

    You can also make your own grid, and called in the template like this https://our.umbraco.org/documentation/getting-started/backoffice/property-editors/built-in-property-editors/Grid-Layout/Render-Grid-In-Template

    Hope this helps,

    /Dennis

  • Nik 1625 posts 7295 karma points MVP 7x c-trib
    Apr 27, 2016 @ 13:17
    Nik
    0

    Hi Biagio,

    In your Umbraco solution, under Views there is a Partials directory. In the Partials directory, there is a folder called Grid. In here (I advise using one of the existing templates as a guide) you can create your own grid rendering partial views using what ever CSS framework you like.

    Your main site then just needs to include the appropriate CSS and hey presto you have a non-bootstrap grid.

    You can render your grid in the same way you would normally, but just add the name of the partial view as an argument to the GetGridHtml method.

    Nik

  • Biagio Paruolo 1621 posts 1914 karma points c-trib
    Apr 28, 2016 @ 13:36
    Biagio Paruolo
    0

    I'll give a try.

  • This forum is in read-only mode while we transition to the new forum.

    You can continue this topic on the new forum by tapping the "Continue discussion" link below.

Please Sign in or register to post replies