Page 1 of 1
AngularJS: Grid More than 2 cells?!?!?!
Posted: Wed Mar 09, 2016 1:14 am
by 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
AngularJS: Grid More than 2 cells?!?!?!
Posted: Wed Mar 09, 2016 9:08 pm
by 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.
AngularJS: Grid More than 2 cells?!?!?!
Posted: Wed Mar 09, 2016 9:22 pm
by 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.
AngularJS: Grid More than 2 cells?!?!?!
Posted: Wed Mar 09, 2016 10:22 pm
by Illya Stepanov
You will need to configure each cell properties for in which screen size they should be displayed.
AngularJS: Grid More than 2 cells?!?!?!
Posted: Wed Mar 09, 2016 10:27 pm
by Blair Cox
you speak in riddles my friend. How do I ADD more than 2 cells per row?
AngularJS: Grid More than 2 cells?!?!?!
Posted: Wed Mar 09, 2016 10:29 pm
by 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
AngularJS: Grid More than 2 cells?!?!?!
Posted: Mon Mar 14, 2016 2:14 pm
by 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:
AngularJS: Grid More than 2 cells?!?!?!
Posted: Tue Nov 29, 2016 6:12 pm
by 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.
AngularJS: Grid More than 2 cells?!?!?!
Posted: Wed Nov 30, 2016 1:54 am
by 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.
AngularJS: Grid More than 2 cells?!?!?!
Posted: Wed Nov 30, 2016 8:59 am
by Serhii Kulibaba
Hello Sylvia,
Please select a row in the breadcrumbs menu. After that you'll be able to add columns to the grid