# Design View Classic & Cross Platform **URL:** \ **Category:** Questions about Thunkable X\ **Tags:** design\ **Created:** [August 28, 2018, 7:09am UTC](https://community.thunkable.com/t/design-view-classic-cross-platform/43648 "2018-08-28T07:09:51Z")\ **Posts on this page:** 16\ **Page:** 1
**Author:** ![Fahad1](https://avatars.discourse-cdn.com/v4/letter/f/c0e974/32.png) [@Fahad1](https://community.thunkable.com/u/Fahad1)\ **Post date:** [August 28, 2018, 7:09am UTC](https://community.thunkable.com/t/design-view-classic-cross-platform/43648/1 "2018-08-28T07:09:51Z")
This application design view I made in the classic platform, but from yesterday I plan to start on cross-platform I try to make as same but I failed, I am totally new in app development and its my first experience in the development phase, for reference & guide I share both screens ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/f/4fee9ff75c84bde76aee0caca3a5b6f8b130dfb6.png) ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/e/0e9fe1d80c8aca86a6a1bbc7163be878a623ed6f.png) ---
**Author:** ![AcrobatEpee](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/acrobatepee/32/26336_2.png) [@AcrobatEpee](https://community.thunkable.com/u/AcrobatEpee)\ **Post date:** [August 28, 2018, 7:46am UTC](https://community.thunkable.com/t/design-view-classic-cross-platform/43648/2 "2018-08-28T07:46:35Z")
Hey there, in thunkable X you have to replace and to insert your components in your rows and columns directly from the component list on the left of your screen. Hope it helps ! ---
**Author:** ![Fahad1](https://avatars.discourse-cdn.com/v4/letter/f/c0e974/32.png) [@Fahad1](https://community.thunkable.com/u/Fahad1)\ **Post date:** [August 28, 2018, 9:29am UTC](https://community.thunkable.com/t/design-view-classic-cross-platform/43648/3 "2018-08-28T09:29:20Z")
I click & try to drag buttons in rows but its not moving there that’s why i ask the suggestion here. ---
**Author:** ![AcrobatEpee](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/acrobatepee/32/26336_2.png) [@AcrobatEpee](https://community.thunkable.com/u/AcrobatEpee)\ **Post date:** [August 28, 2018, 9:59am UTC](https://community.thunkable.com/t/design-view-classic-cross-platform/43648/4 "2018-08-28T09:59:38Z")
When you drag the button, id the red bar is on the left side of the row, then your button is going to be inserted inside the row, if the red bar is under, it’s going to be inserted under, chrck if the red bar js beside ---
**Author:** ![Fahad1](https://avatars.discourse-cdn.com/v4/letter/f/c0e974/32.png) [@Fahad1](https://community.thunkable.com/u/Fahad1)\ **Post date:** [August 28, 2018, 10:03am UTC](https://community.thunkable.com/t/design-view-classic-cross-platform/43648/5 "2018-08-28T10:03:42Z")
Can you give me some example via Picture or Video link for the guide? ---
**Author:** ![AcrobatEpee](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/acrobatepee/32/26336_2.png) [@AcrobatEpee](https://community.thunkable.com/u/AcrobatEpee)\ **Post date:** [August 28, 2018, 10:27am UTC](https://community.thunkable.com/t/design-view-classic-cross-platform/43648/6 "2018-08-28T10:27:27Z")
[https://x.thunkable.com/projects/5b85224acc69f269870e35e1/project/properties/designer/](https://x.thunkable.com/projects/5b85224acc69f269870e35e1/project/properties/designer/) See, here Row 2 and Row 1 are seperated Row 3 is inside Row 1 And buttons are inside row 1 Here is a picture of how it should look when you wan to put the button inside the row (Notice the red thingy I was talking about) ![Screenshot_1](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/c/8cba98ddcf358cdbb735ffd4f8a104a6e5fa7f21.png) ---
**Author:** ![Fahad1](https://avatars.discourse-cdn.com/v4/letter/f/c0e974/32.png) [@Fahad1](https://community.thunkable.com/u/Fahad1)\ **Post date:** [August 28, 2018, 10:32am UTC](https://community.thunkable.com/t/design-view-classic-cross-platform/43648/7 "2018-08-28T10:32:08Z")
![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/4/74a14fad9a30ff4301f19750a018c6ebeaec65da.png) I Try To Make As Old But You See I Made This ---
**Author:** ![Fahad1](https://avatars.discourse-cdn.com/v4/letter/f/c0e974/32.png) [@Fahad1](https://community.thunkable.com/u/Fahad1)\ **Post date:** [August 28, 2018, 10:33am UTC](https://community.thunkable.com/t/design-view-classic-cross-platform/43648/8 "2018-08-28T10:33:25Z")
![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/4/04bc7be9a850b74669e680e9370e20ebb1570a85.png) ---
**Author:** ![AcrobatEpee](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/acrobatepee/32/26336_2.png) [@AcrobatEpee](https://community.thunkable.com/u/AcrobatEpee)\ **Post date:** [August 28, 2018, 10:40am UTC](https://community.thunkable.com/t/design-view-classic-cross-platform/43648/9 "2018-08-28T10:40:07Z")
I told you, your buttons aren’t inserted in your rows, drag them and put them on your row, if the red bar is as shown on my screenshot undrag and you’re done ! ---
**Author:** ![Fahad1](https://avatars.discourse-cdn.com/v4/letter/f/c0e974/32.png) [@Fahad1](https://community.thunkable.com/u/Fahad1)\ **Post date:** [August 28, 2018, 10:42am UTC](https://community.thunkable.com/t/design-view-classic-cross-platform/43648/10 "2018-08-28T10:42:19Z")
Huff I Got It Thanks The Row Design I Got It Thankyou!! ---
**Author:** ![AcrobatEpee](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/acrobatepee/32/26336_2.png) [@AcrobatEpee](https://community.thunkable.com/u/AcrobatEpee)\ **Post date:** [August 28, 2018, 10:43am UTC](https://community.thunkable.com/t/design-view-classic-cross-platform/43648/11 "2018-08-28T10:43:04Z")
Your welcome ---
**Author:** ![Fahad1](https://avatars.discourse-cdn.com/v4/letter/f/c0e974/32.png) [@Fahad1](https://community.thunkable.com/u/Fahad1)\ **Post date:** [August 28, 2018, 12:16pm UTC](https://community.thunkable.com/t/design-view-classic-cross-platform/43648/12 "2018-08-28T12:16:17Z")
![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/a/9ab7888e5d549116e54636d053e5fe2bb14441c4.jpg) I make one list view & i use airtable spread sheet to get data, how can i setup to click on list view item and show data details from spreadsheet. ---
**Author:** ![AcrobatEpee](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/acrobatepee/32/26336_2.png) [@AcrobatEpee](https://community.thunkable.com/u/AcrobatEpee)\ **Post date:** [August 28, 2018, 12:34pm UTC](https://community.thunkable.com/t/design-view-classic-cross-platform/43648/13 "2018-08-28T12:34:42Z")
Use a variable and if the first item is pressed set the variable to 1 and import the data details in fonction of the variable number Also open other post for different issues so people can find their solution easily ---
**Author:** ![Fahad1](https://avatars.discourse-cdn.com/v4/letter/f/c0e974/32.png) [@Fahad1](https://community.thunkable.com/u/Fahad1)\ **Post date:** [August 28, 2018, 12:35pm UTC](https://community.thunkable.com/t/design-view-classic-cross-platform/43648/14 "2018-08-28T12:35:59Z")
Its my first experience i dont know about the variables first time i try to make an mobile application. ---
**Author:** ![AcrobatEpee](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/acrobatepee/32/26336_2.png) [@AcrobatEpee](https://community.thunkable.com/u/AcrobatEpee)\ **Post date:** [August 28, 2018, 12:39pm UTC](https://community.thunkable.com/t/design-view-classic-cross-platform/43648/15 "2018-08-28T12:39:14Z")
Variables are used to store values, just store a different value in fonction of the INDEX which is clicked on the list viewer and open the good pack of component in consequence. Exemple : Your list : Item A Item B When Item A pressed set variable “choice” to 1 When Item B pressed set variable “choice” to 2 If variable “choice” = 1 open datapack 1 If variable “choice” = 2 open datapack 2 ---
**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:00pm UTC](https://community.thunkable.com/t/design-view-classic-cross-platform/43648/16 "2024-11-08T12:00:34Z")