# List two checkboxes vertically

**URL:** <https://forum.babylonjs.com/t/list-two-checkboxes-vertically/6374>\
**Category:** Questions\
**Created:** [October 15, 2019, 1:38am UTC](https://forum.babylonjs.com/t/list-two-checkboxes-vertically/6374 "2019-10-15T01:38:31Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Notruilin](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/notruilin/32/4593_2.png) [@Notruilin](https://forum.babylonjs.com/u/Notruilin)\
**Post date:** [October 15, 2019, 1:38am UTC](https://forum.babylonjs.com/t/list-two-checkboxes-vertically/6374/1 "2019-10-15T01:38:31Z")

</div>

Hey,  
I’m trying to list two checkboxes vertically, but the second checkbox isn’t showing… 🤔  
[https://playground.babylonjs.com/#65QHT7](https://playground.babylonjs.com/#65QHT7)  
 ![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/2X/0/02dc05be154370b185e8648df2840fff46c58899.png)  
I’ve tried to add “TextBlock” instead of using “AddHeader”, but it keeps showing warnings:  
_“Control (Name:undefined, UniqueId:10) is using width in percentage mode inside a horizontal StackPanel”_  
Any idea?  
Thanks! 😀

---

<div class="post-metadata">

**Author:** ![wulf11](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/wulf11/32/2196_2.png) [@wulf11](https://forum.babylonjs.com/u/wulf11)\
**Post date:** [October 15, 2019, 7:32am UTC](https://forum.babylonjs.com/t/list-two-checkboxes-vertically/6374/2 "2019-10-15T07:32:01Z")

</div>

I build an example for you: 🙂

> **[Babylon.js Playground](https://playground.babylonjs.com/#65QHT7%231)**
>
> Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes

You were on the right track with using TextBlocks but keep the following in mind: 🧐

> The StackPanel is a control which stacks its children based on its orientation (can be horizontal or vertical). All children must have a defined width or height (depending on the orientation) in **pixels** (A warning will be written to the console if this is not true).

---

<div class="post-metadata">

**Author:** ![Notruilin](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/notruilin/32/4593_2.png) [@Notruilin](https://forum.babylonjs.com/u/Notruilin)\
**Post date:** [October 15, 2019, 10:44pm UTC](https://forum.babylonjs.com/t/list-two-checkboxes-vertically/6374/3 "2019-10-15T22:44:57Z")

</div>

Got it. Thanks! 😀