I am not super CSS savy and tend to use what styles the framework provides, but I am looking for guidance on how to get a complicated list formatting on a list that has more space (tablet app)
I am looking to do something like:
Each list item:
[button] [Main text (one line)] [button pulled to right]
[secondary text (multiline)]
[icon][icon][icon][icon]
Options
-
Ionic list, and item styles seems to only let you have [icon]text[button] - so this does not seem an option to me. Adding the [secondary text] and row of indicator [icons] does not qork. It also does not like two buttons on an item (tried class =‘item-button-left item-button-right’
-
Use collection repeat with Ionic [row][col] classes. This seems to work somewhat but way too much wasted space and nested rows/cols seems to not product exactly what I want
-
Forget any of the Ionic styles and roll my own with collection-repeat
Each item will also have a click handler BTW so either show a popup or enable displaying a hidden form area to perform actions on the item.
Any recommendations?
Thanks