Pricing table

0
Hi, I want to add a pricing table on the homepage of my desktop app. It should look like this. Can anyone tell how I can do that? Thank you in advance!
asked
2 answers
1

Hi Shiwanie,

There are many ways you could achieve this, both dynamically using pricing/subscription objects or static.

I would suggest you start at https://gettingstarted.mendixcloud.com/link/home to familiarize yourself with the possibilities, and then see what solution fits your needs best :) 

answered
1

Hi,

 

This can be accomblished by using a listview connected to an entity. 

If you add a class such as .lv-col-xs-3 this will make your listview into 3 columns. Essentially the .lv-col classes are the same as the bootstrap grid system but applied to lists.

See the atlas UI framework for more information:

https://github.com/mendix/Atlas-UI-Framework/blob/master/styles/sass/lib/components/_listview.scss#L218

 

Your other option is keep the data static and use a layout grid with 3 columns. Then you can place containers inside them and style them to however you like. Maybe some of the building blocks in the Atlas UI framework can help.

https://atlas.mendix.com/p/buildingblocks

If not it's very easy to create the css to make your containers look like your design.

Regards

Simon

answered