Michael Brandon
Posts: 0
Joined: Mon Apr 21, 2014 9:17 pm

Card Style UI mapped to Grid

Hello,

I have read through tons of post here and have yet to locate a definitive answer and wondered if anyone might have one. With the ever increasing "Card Style" UI in modern app design (you see it everywhere ex. Pinterest & attached screenshots) I want to emulate this UI in my project.

I read that Appery, when mapping a DB service to a list or grid, acts as a multiplier that creates new tables. However, I want to map to a grid that fills left to right cells first, and then adds a new table below. here is the closest community issue I could find https://getsatisfaction.com/apperyio/... and it doesn't really help much.

Is the only way to create this UI design to build two separate database collections (a left column collection & right column collection) and map them to a single page in unison to the two separate columns? I also read that one might be able to use jQuery append to achieve this, but I didn't really understand.

Anyone else have a similar UI goal or attempted to do this with a jquery grid component? Image

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

Card Style UI mapped to Grid

Hello Michael,

Sure, you can use two columns from two different collections.
-Add Grid component with two columns and one row.
-Put new grids into these items.
-Add mapping for these children grids.

Return to “Issues”