I’m Pretty new to ionic angular and not much of UI dev, so I hope I can get some help.
I want to make a component that has two vertical columns in my
a. a vertical column of approximately 8-12 buttons (with an SVG in each of them), just wide enough for the column of ion-buttons.
b. An ion-list of ion-item natively styled with a button or two and one line of text in the item) but I think I understand making a .
Let’s call a. the selection and b. the results.
Q1: What do I wrap the with to make them a vertical column each the same width?
DO I use <ion-list lines=“none” …> is that overkill or just right? Do I then put that list in an ion-content to get scrolling if needed? I really don’t need space between the icons, but maybe I’m fighting the native styling if I don’t have/want space. Alternatively, do I use a with one per icon button?
Q2: I can’t seem to get my head around what to wrap both sides of this component with to make them play properly as a responsive web design.
Q2 Choice 1. 1 Don’t worry two lists (or a grid and a list) will end up next to each other.
Q2 Choice 2. Some divs and some css will make them next to each other.
Q2 Choice 3. put everything in a one-row, two-column ion-grid.
Here is closest Q on the forum to this but it is from 2014 (!).
Q3: Is ion-content in ion-content valid?
Yes, I will actually make three separate components: 1. the selection list and 2. the results list, both in 3. the whole screen/page (with a title etc.)
TIA,