AngularJS: Grid More than 2 cells?!?!?!

[Blair Cox]

Please tell me we are able to add more cells/columns to a row in a grid than the default 2???

https://devcenter.appery.io/documentation/angularjs/ui-components-bootstrap/#Grid_Layout

The documentation says nothing about it, but the bootstrap documentation does - http://v4-alpha.getbootstrap.com/layout/grid/

Can someone help me out on how to add the columns?

ulliColumn classes indicate the number of columns you’d like to use out of the possible 12 per row. So if you want three equal-width columns, you’d use code.col-sm-4/code./li/ul

[Illya Stepanov]

Hi Blair -

Here is how you can add cells to your grid in the visual builder:

-- the visual representation of your grid should be configured with Grid Cell properties for your case.

[Blair Cox]

Okay, that part is easy - I'm that far no problem. However in the example you show, if you click Add Grid Cell, a new row with two cells is created. Not the expected result. Unless I'm totally missing something here. What I want is to replicate the Bootstrap grid functionality of being able to add up to 12 cells per row. So far I can only hack it together by embedded a new grid within a cell. Not ideal.

[Illya Stepanov]

You will need to configure each cell properties for in which screen size they should be displayed.

[Blair Cox]

you speak in riddles my friend. How do I ADD more than 2 cells per row?

[Blair Cox]

or - can you provide a little tutorial on how this is achieved if I am able to reorganize the cells/rows that are created when you click the UI button. Because at the moment, how to manipulate the cells is not clear. Would be easier to format the HTML as in Bootstrap

[Serhii Kulibaba]

Hello,

1) Please select component "row"
2) Click "create cell" button:

3) And set it's property "Xtra-Small" to 2:

4) After that you will get something like:

[Sylvia Lowden]

Is it possible there is a bug? This is what I see when I drag the grid in and no matter what I do, clicking on the + icon only give me new rows. I never see a grid with the + icon as you show it and am not able to add another cell in that one row.

[Sylvia Lowden]

Actually, in the Ionic version, I discovered you can click on the Settings icon(the round cog) and select Add item to add a column. It might work in Bootstrap but haven't tried it.

[Serhii Kulibaba]

Hello Sylvia,

Please select a row in the breadcrumbs menu. After that you'll be able to add columns to the grid