# How to use line layout (Component Row) **URL:** \ **Category:** Questions about Thunkable X\ **Tags:** design, beginner\ **Created:** [October 27, 2020, 1:25am UTC](https://community.thunkable.com/t/how-to-use-line-layout-component-row/931918 "2020-10-27T01:25:37Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![dantec.sbcvr](https://avatars.discourse-cdn.com/v4/letter/d/d26b3c/32.png) [@dantec.sbcvr](https://community.thunkable.com/u/dantec.sbcvr)\ **Post date:** [October 27, 2020, 1:25am UTC](https://community.thunkable.com/t/how-to-use-line-layout-component-row/931918/1 "2020-10-27T01:25:37Z")
Hello guys, I’m new here on the platform and I’m creating an application but I’m not getting a line in my layout below the other, can someone help me? ---
**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\ **Post date:** [October 27, 2020, 3:02am UTC](https://community.thunkable.com/t/how-to-use-line-layout-component-row/931918/2 "2020-10-27T03:02:42Z")
Hi, welcome to Thunkable! Can you post a screenshot of the Design screen for your project? And explain where/why you’re expecting lines where there aren’t any? ---
**Author:** ![dantec.sbcvr](https://avatars.discourse-cdn.com/v4/letter/d/d26b3c/32.png) [@dantec.sbcvr](https://community.thunkable.com/u/dantec.sbcvr)\ **Post date:** [October 27, 2020, 11:00am UTC](https://community.thunkable.com/t/how-to-use-line-layout-component-row/931918/3 "2020-10-27T11:00:51Z")
Hello thank you so much. Below, see an image of how I want the buttons to look, always with 4 buttons each. ![screenshot](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/c/9c2848193d2c4c71e8355f6d312431f4ec15a65c.jpeg) ---
**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\ **Post date:** [October 27, 2020, 4:59pm UTC](https://community.thunkable.com/t/how-to-use-line-layout-component-row/931918/4 "2020-10-27T16:59:57Z")
You can do this by creating a row of buttons (1 row with 4 buttons inside it) and cloning them – fairly **difficult** if you’re new to Thunkable. Or you can create a column and put 3 rows inside the column. Then put 4 buttons inside each row. Rows allow you to place components next to each other (horizontally). Columns allow you to place components on top of each other (vertically). If you Google _row column thunkable_ you’ll see documentation and video tutorials related to this. ---
**Author:** ![Michael\_Rogulla](https://avatars.discourse-cdn.com/v4/letter/m/ba8739/32.png) [@Michael\_Rogulla](https://community.thunkable.com/u/Michael_Rogulla)\ **Post date:** [October 27, 2020, 10:11pm UTC](https://community.thunkable.com/t/how-to-use-line-layout-component-row/931918/5 "2020-10-27T22:11:53Z")
Hi @dantec.sbcvr, do you mean a horizontal line between the rows? I do this that way: - place a label between two rows - delete the lable’s text (or enter a single space) - set label’s width to “fit container” - set label’ height to “absolute 1px” or “absolute 2px”, this is the line’s thickness. - set label’s background color to black or other dark color. Or set it to TRANSPARENT to be just a spacer. ---
**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\ **Post date:** [October 28, 2020, 12:30am UTC](https://community.thunkable.com/t/how-to-use-line-layout-component-row/931918/6 "2020-10-28T00:30:59Z")
Hey @dantec.sbcvr, Do you just need to add some Rows to your design so that everything is in 4 lines? [https://docs.thunkable.com/row](https://docs.thunkable.com/row) ---
**Author:** ![dantec.sbcvr](https://avatars.discourse-cdn.com/v4/letter/d/d26b3c/32.png) [@dantec.sbcvr](https://community.thunkable.com/u/dantec.sbcvr)\ **Post date:** [October 29, 2020, 12:24am UTC](https://community.thunkable.com/t/how-to-use-line-layout-component-row/931918/7 "2020-10-29T00:24:36Z")
OK. Thank you very much I finally made it. ---
**Author:** ![dantec.sbcvr](https://avatars.discourse-cdn.com/v4/letter/d/d26b3c/32.png) [@dantec.sbcvr](https://community.thunkable.com/u/dantec.sbcvr)\ **Post date:** [October 29, 2020, 12:28am UTC](https://community.thunkable.com/t/how-to-use-line-layout-component-row/931918/8 "2020-10-29T00:28:32Z")
OK. Thank you very much Michael\_Rogulla. After a long time I did it. I put 1 column and 2 rows, then another column and 2 rows and then I just made the spacings. ---
**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\ **Post date:** [November 8, 2024, 12:21pm UTC](https://community.thunkable.com/t/how-to-use-line-layout-component-row/931918/9 "2024-11-08T12:21:51Z")