Two column form for tablet

Questions
1

I need to create a form for tablet that has 2 columns.
I tried with grid > col > input but it looks awfull, the input field does not gets formatted.
Should i use List > ListInput instead? But then how can i have 2 columns suing List?

2

The HTML that should work is:

<li class="row">
  <div class="item-content item-input col-50">...</div>
  <div class="item-content item-input col-50">...</div>
</li>

With react:

<li class="row">
  <ListInput wrap={false} className="col-50" ... />
  <ListInput wrap={false} className="col-50" ... />
</li>
2 Likes
3

Sorry, this will not work in react.
ItemInput does not exists in react.
If i use the Input component it still does not render the “label”.

4

Meant to be ListInput

5

SORRY SORRY SORRY
I forgot "wrap={false}.
Not it works! I suppose i’m tired and i need a coffe :)))
Thank you.

1 Like