0

I need to build nested checkbox in lightning component, like the below image.

enter image description here

I tried to achieve this using ul and li tag but its not appearing like the image:

<lightning:layoutItem size="2">
            <ul>
                <li>
            <lightning:input type="checkbox" name="dentures" label="Dentures:"/>
                </li>
                <ul>
                    <li>
                        <lightning:input type="checkbox" name="upper" label="Upper"/>
                        <lightning:input type="checkbox" name="lower" label="Lower"/>
                        <lightning:input type="checkbox" name="partial" label="Partial"/>
                    </li>
                </ul>
            </ul>
</lightning:layoutItem>
Improve this question
2
  • put it in a table, the tags you are using are for lists and will be displayed in a column
    – Tim Willis
    Commented Jan 13, 2020 at 23:27
  • @TimWillis Thanks! It worked, please convert this comment to answer.
    – sfdc
    Commented Jan 13, 2020 at 23:45

1 Answer 1

Reset to default
2

The LI and UL tags are for lists and will always be displayed in a column,

you can easily achieve the desired formatting using a table such as

<table>
<tr>
<td> checkbox1 </td>
<td> checkbox2 </td>
<td> checkbox3 </td>
</tr>
</table>
Improve this answer

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .