Creating Custom Pagebuilder Grids

[K4RL]

I want to build a custom grid for my front page but every time I save it and try to add blocks in the page builder it allows me to add them but they do not appear on the front page.

Do I need to do something to add more widget places?

<div>
    <div class='ipsGrid'>
        <div class='ipsGrid_span6'>
            {template="widgetContainer" group="pages" app="cms" params="'col1', $widgets, 'horizontal'"}
        </div>
        <div class='ipsGrid_span6'>
            {template="widgetContainer" group="pages" app="cms" params="'col2', $widgets, 'horizontal'"}
        </div>
    </div>
</div>

<div>
    <div class='ipsGrid'>
        <div class='ipsGrid_span4'>
            {template="widgetContainer" group="pages" app="cms" params="'col4', $widgets, 'vertical'"}
        </div>
        <div class='ipsGrid_span4'>
            {template="widgetContainer" group="pages" app="cms" params="'col5', $widgets, 'vertical'"}
        </div>
        <div class='ipsGrid_span4'>
            {template="widgetContainer" group="pages" app="cms" params="'col6', $widgets, 'vertical'"}
        </div>
    </div>
</div>

[opentype]

I saw that discussed in a bug report at some point. The statement was that you cannot use custom widget containers at the moment. It only works with the pre-defined containers.  

[K4RL]

I like the concept of using the grid system and the ease of swapping blocks out in it, what I think limits it is the inability to customise the layout of grid. I think custom widgets are a must for pages.

[joshuaj]

I'm trying to accomplish the same thing. I'm using the CSS Framework to build a custom page using the wrapper and the widgets do not save on the page. Really disappointing because I would like to use widgets on my custom page.

[Morrigan]

This should be working. I make Custom page builders all the time. My main page is a page builder with widgets:

http://distant-fantasies.net/

It. 1x2x1x2x1x2x1x2x3x1

[joshuaj]

1 hour ago, Morrigan said:

This should be working. I make Custom page builders all the time. My main page is a page builder with widgets:

http://distant-fantasies.net/

It. 1x2x1x2x1x2x1x2x3x1

 

Are you applying a "template" to that page, or creating a new HTML page using the wrapper and inside of the content tab, writing the grid HTML?

[Morrigan]

I am creating my own pagebuilder template and applying it. There is no way to build widget locations via HTML other than page builder pages.

What version are you running?

[joshuaj]

36 minutes ago, Morrigan said:

I am creating my own pagebuilder template and applying it. There is no way to build widget locations via HTML other than page builder pages.

What version are you running?

Latest version of IP4. That is probably the reason why it isn't working. I'm building a custom html page and using the grid system with the widget code. (Basically copying the 2 column layout template and placing it inside my custom html page). It's a shame that it doesn't work this way.

[Morrigan]

I've looked into it. It's because you're trying to make custom widget locations in a non-page builder. You can make the columns work with the page bullder. Mine uses the grid.

[joshuaj]

3 minutes ago, Morrigan said:

I've looked into it. It's because you're trying to make custom widget locations in a non-page builder. You can make the columns work with the page bullder. Mine uses the grid.

Thanks for the info. I will make a custom page template and use that instead. I guess I'll have to wait to see if they allow custom widget locations, which I hope they do. Will make the page much more flexible as far as html editing goes.

[Morrigan]

You can still use HTML blocks and whatnot as well as you can HTML edit the Page that you Build so it gives you the opportunity to do what you want you just don't have to build it from scratch for every page.