# Buttons to open image or pdf in another screeen

**URL:** <https://community.thunkable.com/t/buttons-to-open-image-or-pdf-in-another-screeen/671168>\
**Category:** Questions about Thunkable X\
**Created:** [July 11, 2020, 5:38am UTC](https://community.thunkable.com/t/buttons-to-open-image-or-pdf-in-another-screeen/671168 "2020-07-11T05:38:10Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![rushikesh.unofficial](https://avatars.discourse-cdn.com/v4/letter/r/e9bcb4/32.png) [@rushikesh.unofficial](https://community.thunkable.com/u/rushikesh.unofficial)\
**Post date:** [July 11, 2020, 5:38am UTC](https://community.thunkable.com/t/buttons-to-open-image-or-pdf-in-another-screeen/671168/1 "2020-07-11T05:38:10Z")

</div>

I want to add a button to open an image or PDF which is in another screen. I know how to navigate to another screen but don’t know how to add blocks for doing the above.

---

<div class="post-metadata">

**Author:** ![KaneoheKid](https://avatars.discourse-cdn.com/v4/letter/k/d07c76/32.png) [@KaneoheKid](https://community.thunkable.com/u/KaneoheKid)\
**Post date:** [July 11, 2020, 6:22am UTC](https://community.thunkable.com/t/buttons-to-open-image-or-pdf-in-another-screeen/671168/2 "2020-07-11T06:22:43Z")

</div>

This is the simplest way to do it. If the screen will always open the same image or pdf, then just use the “When Screen Opens” block .

[https://x.thunkable.com/copy/74afeb2183ff98f164cf41ffcc0607f0](https://x.thunkable.com/copy/74afeb2183ff98f164cf41ffcc0607f0)

There are a lot of things you can do which are more complicated, like open websites or select different images from a list, but this is the simplest.

KK

---

<div class="post-metadata">

**Author:** ![rushikesh.unofficial](https://avatars.discourse-cdn.com/v4/letter/r/e9bcb4/32.png) [@rushikesh.unofficial](https://community.thunkable.com/u/rushikesh.unofficial)\
**Post date:** [July 11, 2020, 3:41pm UTC](https://community.thunkable.com/t/buttons-to-open-image-or-pdf-in-another-screeen/671168/4 "2020-07-11T15:41:46Z")

</div>

thanks for the reply. I have done this part. But I have, say, 10 buttons on screen 1 and an image component in screen 2. I want each button to bring a separate image on the screen 2. How do I do that?

---

<div class="post-metadata">

**Author:** ![KaneoheKid](https://avatars.discourse-cdn.com/v4/letter/k/d07c76/32.png) [@KaneoheKid](https://community.thunkable.com/u/KaneoheKid)\
**Post date:** [July 11, 2020, 4:31pm UTC](https://community.thunkable.com/t/buttons-to-open-image-or-pdf-in-another-screeen/671168/5 "2020-07-11T16:31:05Z")

</div>

To do that, you will need to use two variables and a list. I revised the app in the link, see if you can follow. Note that you must get the file names exactly correct, it is case sensitive so the names or links must be identical.

You could also do it with a single button and the Listviewer on the first screen, but that is a little more complicated.

KK

---

<div class="post-metadata">

**Author:** ![rushikesh.unofficial](https://avatars.discourse-cdn.com/v4/letter/r/e9bcb4/32.png) [@rushikesh.unofficial](https://community.thunkable.com/u/rushikesh.unofficial)\
**Post date:** [July 11, 2020, 4:44pm UTC](https://community.thunkable.com/t/buttons-to-open-image-or-pdf-in-another-screeen/671168/7 "2020-07-11T16:44:50Z")

</div>

Sorry I couldn’t find the link you suggested. The first one you sent has no changes in the app.

---

<div class="post-metadata">

**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:27pm UTC](https://community.thunkable.com/t/buttons-to-open-image-or-pdf-in-another-screeen/671168/8 "2024-11-08T12:27:12Z")

</div>