# Help with list viewer

**URL:** <https://community.thunkable.com/t/help-with-list-viewer/337224>\
**Category:** Questions about Thunkable X\
**Tags:** beginner\
**Created:** [November 25, 2019, 5:57pm UTC](https://community.thunkable.com/t/help-with-list-viewer/337224 "2019-11-25T17:57:28Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![itgs\_ia\_player](https://avatars.discourse-cdn.com/v4/letter/i/b9bd4f/32.png) [@itgs\_ia\_player](https://community.thunkable.com/u/itgs_ia_player)\
**Post date:** [November 25, 2019, 5:57pm UTC](https://community.thunkable.com/t/help-with-list-viewer/337224/1 "2019-11-25T17:57:28Z")

</div>

Hey there,  
how can i show the information of two columns of an airtable spreadsheet with list viewer,  
for example that it shows the list that is in the column and when you click it shows like a little menu showing the data that is in the next column.

---

<div class="post-metadata">

**Author:** ![itgs\_ia\_player](https://avatars.discourse-cdn.com/v4/letter/i/b9bd4f/32.png) [@itgs\_ia\_player](https://community.thunkable.com/u/itgs_ia_player)\
**Post date:** [November 25, 2019, 6:04pm UTC](https://community.thunkable.com/t/help-with-list-viewer/337224/2 "2019-11-25T18:04:24Z")

</div>

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/9/29dbf55cd05b6abc295de194fc6670bbe0713304.png)  
For example to show the days of the week in a list and when you click on them it shows the homework of that day.

---

<div class="post-metadata">

**Author:** ![danyklein](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@danyklein](https://community.thunkable.com/u/danyklein)\
**Post date:** [November 25, 2019, 9:56pm UTC](https://community.thunkable.com/t/help-with-list-viewer/337224/3 "2019-11-25T21:56:38Z")

</div>

of course you can [https://docs.thunkable.com/spreadsheet](https://docs.thunkable.com/spreadsheet)

---

<div class="post-metadata">

**Author:** ![itgs\_ia\_player](https://avatars.discourse-cdn.com/v4/letter/i/b9bd4f/32.png) [@itgs\_ia\_player](https://community.thunkable.com/u/itgs_ia_player)\
**Post date:** [November 25, 2019, 11:22pm UTC](https://community.thunkable.com/t/help-with-list-viewer/337224/4 "2019-11-25T23:22:54Z")

</div>

![itgsia](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/d/fd03ba5ca0f43a129d041ef17f3dc906e4064434.jpeg)

but how do i make it open to show the next column when i clik on it?

---

<div class="post-metadata">

**Author:** ![Sofia](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sofia/32/50160_2.png) [@Sofia](https://community.thunkable.com/u/Sofia)\
**Post date:** [November 25, 2019, 11:53pm UTC](https://community.thunkable.com/t/help-with-list-viewer/337224/5 "2019-11-25T23:53:57Z")

</div>

Hey @itgs_ia_player

You mean something like this? And using the blocks for spreadsheets?

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/4/44913b225506a59bb98e52aca9f024787d583dda.png)

---

<div class="post-metadata">

**Author:** ![itgs\_ia\_player](https://avatars.discourse-cdn.com/v4/letter/i/b9bd4f/32.png) [@itgs\_ia\_player](https://community.thunkable.com/u/itgs_ia_player)\
**Post date:** [November 25, 2019, 11:57pm UTC](https://community.thunkable.com/t/help-with-list-viewer/337224/6 "2019-11-25T23:57:40Z")

</div>

yes, and when i click on one of the options to show the data that are in the cells of the next column

---

<div class="post-metadata">

**Author:** ![Sofia](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sofia/32/50160_2.png) [@Sofia](https://community.thunkable.com/u/Sofia)\
**Post date:** [November 26, 2019, 12:04am UTC](https://community.thunkable.com/t/help-with-list-viewer/337224/7 "2019-11-26T00:04:24Z")

</div>

You would have to use that block and call for ‘get cell’ in the spreadsheet blocks using the index as the row. 🙂

---

<div class="post-metadata">

**Author:** ![itgs\_ia\_player](https://avatars.discourse-cdn.com/v4/letter/i/b9bd4f/32.png) [@itgs\_ia\_player](https://community.thunkable.com/u/itgs_ia_player)\
**Post date:** [November 26, 2019, 1:20am UTC](https://community.thunkable.com/t/help-with-list-viewer/337224/8 "2019-11-26T01:20:28Z")

</div>

![imagen](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/b/bb0d1420a9d05b78afbf3e252a92a0bb9c97267f.png)  
it doesnt show anything when i use the live test

---

<div class="post-metadata">

**Author:** ![Sofia](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sofia/32/50160_2.png) [@Sofia](https://community.thunkable.com/u/Sofia)\
**Post date:** [November 26, 2019, 2:27am UTC](https://community.thunkable.com/t/help-with-list-viewer/337224/9 "2019-11-26T02:27:35Z")

</div>

I would suggest using the set.TextItems block instead of just making it visible. Also consider that the two group of blocks from your Day and Homework could be in the same screen, reusing the list viewer and achieving this effect on going into a specific day and subject.

Here is a helpful tip 👩‍💻, first draw your screens and write the pseudocode of your app. Once you have it, then go line by line so you’ll know what blocks to look for 🙂 That’s what I use and teach my students to do.

Good luck!

---

<div class="post-metadata">

**Author:** ![itgs\_ia\_player](https://avatars.discourse-cdn.com/v4/letter/i/b9bd4f/32.png) [@itgs\_ia\_player](https://community.thunkable.com/u/itgs_ia_player)\
**Post date:** [November 26, 2019, 3:25am UTC](https://community.thunkable.com/t/help-with-list-viewer/337224/10 "2019-11-26T03:25:03Z")

</div>

![imagen](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/0/e009540d772be48f5521293eeb2b8f682e561505.png)  
something like this??  
 ![imagen](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/c/dc878f748a8b42cade8a6a036af51a2625a96dc9.png)

It didnt work in both ways

---

<div class="post-metadata">

**Author:** ![kartik14](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kartik14/32/44782_2.png) [@kartik14](https://community.thunkable.com/u/kartik14)\
**Post date:** [November 26, 2019, 5:38am UTC](https://community.thunkable.com/t/help-with-list-viewer/337224/11 "2019-11-26T05:38:43Z")

</div>

Hi, @itgs_ia_player! 👋

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/2/a2ddc21526c6cab196796c72025384de9ba88e57.png)  
This block has been used 2 times - this is the error.

I have a little confusion, please review these points -

- You have column1, & column2.
- When `screen1` opens, you are setting a `listviewer` as column1.
- Suppose you click item #3 in the listviewer.
- Now you get the cell (row #3 & column2) & set it’s value to a label.

Am I right?  
Thanks! 😊

---

<div class="post-metadata">

**Author:** ![Sofia](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sofia/32/50160_2.png) [@Sofia](https://community.thunkable.com/u/Sofia)\
**Post date:** [November 26, 2019, 7:50pm UTC](https://community.thunkable.com/t/help-with-list-viewer/337224/12 "2019-11-26T19:50:12Z")

</div>

Hey @itgs_ia_player!

(I have a question, do you prefer having help in Spanish? I saw your screen was in Spanish. I could help you in that language if you prefer) 🙂

Maybe the approach of your problem is not the best solution. From what I can see you are making an app to log your homework for some subjects.

I see two main objectives you’re facing.

- Create a homework
- Retrieve homework for a given subject

am I correct??

If so, here are my suggestions for your app:

- Create a homework.  
You can do this by just putting three inputs with the subject, due date and homework.  
Save this to a new row.

- View the homework for a topic you submitted.  
When you start the screen load the subject column only.  
If you click a list item you do the following:  
1.Get Cell block with index as your row value. Column should be the ‘Day Column’  
2.Inside of the get cell block in the ‘then do’ part save the value in a variable and put another get cell block.

1. In the second ‘Get Cell’ use the index as the row and ‘Homework’ as the column. Inside it on ‘then do part’ save the variable and join all the variables in a text so you can display it in a label.

So basically what you’re doing is getting both values when you select a subject.

This works, I’ve tried it myself.

---

<div class="post-metadata">

**Author:** ![itgs\_ia\_player](https://avatars.discourse-cdn.com/v4/letter/i/b9bd4f/32.png) [@itgs\_ia\_player](https://community.thunkable.com/u/itgs_ia_player)\
**Post date:** [November 27, 2019, 1:42am UTC](https://community.thunkable.com/t/help-with-list-viewer/337224/13 "2019-11-27T01:42:49Z")

</div>

Hola @Sofia,  
si seria mucho mejor recibir ayuda en español.

Basicamente lo que estoy intentando hacer es crear una aplicacion que se pueda ver la tarea que tiene el alumno en una materia, y crear nuevas tareas.

Hay una parte que la verdad no entiendo muy bien de la explicacion:

> [@Sofia](#):
>
> Create a homework.  
> You can do this by just putting three inputs with the subject, due date and homework.  
> Save this to a new row.

y la otra parte que no comprendi muy bien fue la de:

> [@Sofia](#):
>
> join all the variables in a text so you can display it in a label.

 ![imagen](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/6/365fcf6ab831dd6f635c07d99468bd0537c90a5b.png)  
basicamente asi fue como me quedaron los bloques para ver la tarea

Muchisimas gracias por toda la ayuda hasta el momento!!!

---

<div class="post-metadata">

**Author:** ![Sofia](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sofia/32/50160_2.png) [@Sofia](https://community.thunkable.com/u/Sofia)\
**Post date:** [November 27, 2019, 2:10am UTC](https://community.thunkable.com/t/help-with-list-viewer/337224/14 "2019-11-27T02:10:43Z")

</div>

@itgs_ia_player

Ok si claro!

Mira la primera parte es básicamente necesitas una pantalla (o screen) para recopilar los datos de la tarea con tres campos; la asignatura, para qué día es y la descripción de la tarea. Es básicamente como un formulario. Que creo que ya tienes lista que se llama ‘Crear Tarea Ejemplo’ ??

En otra pantalla van los bloques para poder ver las tareas, puedes conectarlas con un botón por ejemplo.

En la otra pantalla vas bien con los bloques pero Thunkable tiene algunas limitantes, **por lo que no es posible acumular todos los resultados para un término con air tables aún… pero si puedes buscar los elementos para una fila.** 🙂

1. El bloque cuando inicia la app está muy bien.
2. El otro bloque cuando ya le picas al elemento necesitas buscar la columna de la asignatura no del día. Y el segundo bloque morado iría después del de la variable naranja pero en vez de buscar en la columna de Asignatura sería Tarea

Entonces básicamente lo que estas haciendo es buscar primero por día luego por asignatura y te da la tarea 🙂

**Ojo!** a tu bloque naranja le tienes que poner el nombre a la variable y en ves de el bloque de texto rosado ponerle el verde que dice ‘value’ lo puedes arrastrar. Y la columna que pondrías en vez de asignatura sería Tarea.

Después que tienes esto en variables, en otra screen puedes desplegar las tareas.

Esta pantalla puede ser como un menu de selección. Primero seleccionas el día, luego la asignatura y te arroja otro screen con algo como _‘Para el día (variable día) tienes la siguiente tarea: (variable de tarea)’_ 🙂

¿quedo un poco más claro?

---

<div class="post-metadata">

**Author:** ![itgs\_ia\_player](https://avatars.discourse-cdn.com/v4/letter/i/b9bd4f/32.png) [@itgs\_ia\_player](https://community.thunkable.com/u/itgs_ia_player)\
**Post date:** [November 27, 2019, 5:45pm UTC](https://community.thunkable.com/t/help-with-list-viewer/337224/15 "2019-11-27T17:45:54Z")

</div>

Holaaa

basicamente asi fue como quedaron los bloques:

 ![imagen](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/0/b005b4a34090d553003a078ae258b41b8f20e57c.png)

tambien tengo una pregunta de sobre el bloque naranja, si el que estoy usando es el correcto y a que se refiere el cuadrito rosado con “name”

tambien para esta parte seria basicamente hacer un formulario?

> [@Sofia](#):
>
> Mira la primera parte es básicamente necesitas una pantalla (o screen) para recopilar los datos de la tarea con tres campos; la asignatura, para qué día es y la descripción de la tarea. Es básicamente como un formulario. Que creo que ya tienes lista que se llama ‘Crear Tarea Ejemplo’ ??

esta parte no me queda muy clara

> [@Sofia](#):
>
> En otra pantalla van los bloques para poder ver las tareas, puedes conectarlas con un botón por ejemplo.

seria hacer una screen por cada materia???

---

<div class="post-metadata">

**Author:** ![Sofia](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sofia/32/50160_2.png) [@Sofia](https://community.thunkable.com/u/Sofia)\
**Post date:** [November 28, 2019, 1:47am UTC](https://community.thunkable.com/t/help-with-list-viewer/337224/16 "2019-11-28T01:47:50Z")

</div>

> [@itgs\_ia\_player](#):
>
> tambien tengo una pregunta de sobre el bloque naranja, si el que estoy usando es el correcto y a que se refiere el cuadrito rosado con “name”

Si claro 🙂, estás declarando la variable dentro del código para hacerlo de esta forma te falta agregar un bloque de texto para asignarle un nombre a tu variable así:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/0/6026a9546c6fc7604c53d097bf83b932da13ca83.png)

> [@itgs\_ia\_player](#):
>
> tambien para esta parte seria basicamente hacer un formulario?

Esto es para llenar tu tabla de datos es independiente de los bloques que ya tienes 🙂

> [@itgs\_ia\_player](#):
>
> seria hacer una screen por cada materia???

Y no, jaja creo que no me explique muy bien. Con esos bloques ya podrías guardar en variables la materia y la tarea.

SAludos 🙂

---

<div class="post-metadata">

**Author:** ![itgs\_ia\_player](https://avatars.discourse-cdn.com/v4/letter/i/b9bd4f/32.png) [@itgs\_ia\_player](https://community.thunkable.com/u/itgs_ia_player)\
**Post date:** [November 28, 2019, 3:59am UTC](https://community.thunkable.com/t/help-with-list-viewer/337224/17 "2019-11-28T03:59:14Z")

</div>

Holaaaa otra vez

> [@Sofia](#):
>
> Esta pantalla puede ser como un menu de selección. Primero seleccionas el día, luego la asignatura y te arroja otro screen con algo como _‘Para el día (variable día) tienes la siguiente tarea: (variable de tarea)’_

se me olvido preguntar si en esta parte seria mejor que al hacer click se abriese una nueva screen por cada dia, es decir crear una screen por dia y luego mostrar las asignaturas de ese dia???

 ![imagen](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/d/ed7ab5da61bcea1fb6b16f315b0a589ee923b376.png)

asi es como han ido quedando los bloques pero en la aplicacion al hacer el test live no muestra nada.

---

<div class="post-metadata">

**Author:** ![itgs\_ia\_player](https://avatars.discourse-cdn.com/v4/letter/i/b9bd4f/32.png) [@itgs\_ia\_player](https://community.thunkable.com/u/itgs_ia_player)\
**Post date:** [November 28, 2019, 4:41am UTC](https://community.thunkable.com/t/help-with-list-viewer/337224/18 "2019-11-28T04:41:14Z")

</div>

Si me aparece la lista de los dias pero que al hacer click en el dia la pantalla se pone en blanco

 ![imagen](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/6/46acf59556c872494ee9d0c289a3c96c48e3a982.png)

 ![imagen](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/c/ac8f6465a0416d75b80446a035c3a43a6508eda8.png)

 ![imagen](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/9/b9117d456cd1ea7fd3d0b509d79a6f324f5146b5.png)

asi es como van quedando los cubitos por el momento

---

<div class="post-metadata">

**Author:** ![Sofia](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sofia/32/50160_2.png) [@Sofia](https://community.thunkable.com/u/Sofia)\
**Post date:** [November 30, 2019, 9:52pm UTC](https://community.thunkable.com/t/help-with-list-viewer/337224/19 "2019-11-30T21:52:06Z")

</div>

Pueden ser varias cosas, que en tu airtable tengas diferentes los nombres de las columnas por ejemplo o que después de obtener el valor no haces nada con él, tienes que mostrarlo en una etiqueta por ejemplo.

---

<div class="post-metadata">

**Author:** ![itgs\_ia\_player](https://avatars.discourse-cdn.com/v4/letter/i/b9bd4f/32.png) [@itgs\_ia\_player](https://community.thunkable.com/u/itgs_ia_player)\
**Post date:** [November 30, 2019, 10:41pm UTC](https://community.thunkable.com/t/help-with-list-viewer/337224/20 "2019-11-30T22:41:15Z")

</div>

Cuando aprieto en alguno de los dias aparece la informacion que busco pero descompuesto en varias letras como lista.

Como haria para ponerlo en forma de etiqueta???

[Next page](https://community.thunkable.com/t/help-with-list-viewer/337224.md?page=2)
