How to create UI similar to wedding tables example?

[Clement Yew]

I'm wondering how do I create a component whereby I want to place an image (imagine a lego block image) dynamically on a floorplan image.

It's similar to this example where wedding tables are placed dynamically based on the database coordinates on a floorplan image :
https://devcenter.appery.io/wp-conten...

How do I create such a component with appery? That example I found is here, but it's showing the database portion only, not the UI.
https://devcenter.appery.io/tutorials...

Anyone kind enough to provide some guidance?

[Serhii Kulibaba]

Hello,

It is deprecated tutorial. Do you need create these tables dynamically or statically? You can use grid component for that or shift components with CSS

[Clement Yew]

I would create the UI table dynamically based on information returned from the database. The wedding table is quite interesting as it allows me to put a background image (floorplan), and then dynamically layout tables on top of the background.

Would be useful for certain applications such as for showing high rise property units, etc...

[Evgene Karachevtsev]

Hello Clement,

Could you please clarify, do you want to move these tables on a screen? In this case perhaps you should look for some appropriate phonegap plugin. If the tables are static than you may use grid component and labels or buttons, customized via css.