# GIF as a Column's Background Picture **URL:** \ **Category:** Questions about Thunkable X\ **Created:** [May 11, 2021, 2:13pm UTC](https://community.thunkable.com/t/gif-as-a-columns-background-picture/1276484 "2021-05-11T14:13:22Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![skulamester](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/skulamester/32/100480_2.png) [@skulamester](https://community.thunkable.com/u/skulamester)\ **Post date:** [May 11, 2021, 2:13pm UTC](https://community.thunkable.com/t/gif-as-a-columns-background-picture/1276484/1 "2021-05-11T14:13:22Z")
If I set the background picture of a column to a GIF, it plays only 2 times, and that’s all. I want that it plays only one time. I have tried this way as well, but it didn’t work for me, any idea? ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/e/2ecf3769ac28ade1ea8d5f287cdc219bf8ad673a.png) ---
**Author:** ![skulamester](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/skulamester/32/100480_2.png) [@skulamester](https://community.thunkable.com/u/skulamester)\ **Post date:** [May 11, 2021, 2:17pm UTC](https://community.thunkable.com/t/gif-as-a-columns-background-picture/1276484/2 "2021-05-11T14:17:29Z")
![RPReplay_Final1620742459](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/4/b4b97d557397c976b5f633602580d28cb79b9276.gif) As you can see, it plays 2 times, and after that nothing. (Without the blocks attached above happens the same.) ---
**Author:** ![backscratcher2007](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/backscratcher2007/32/104623_2.png) [@backscratcher2007](https://community.thunkable.com/u/backscratcher2007)\ **Post date:** [May 11, 2021, 2:36pm UTC](https://community.thunkable.com/t/gif-as-a-columns-background-picture/1276484/3 "2021-05-11T14:36:21Z")
Hi @skulamester Instead of setting background picture to empty text block set it to null and see? ---
**Author:** ![skulamester](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/skulamester/32/100480_2.png) [@skulamester](https://community.thunkable.com/u/skulamester)\ **Post date:** [May 11, 2021, 2:39pm UTC](https://community.thunkable.com/t/gif-as-a-columns-background-picture/1276484/4 "2021-05-11T14:39:51Z")
> [@backscratcher2007](#): > > set it to null It does the same thing for me. It plays 2 times and after that a white screen. ---
**Author:** ![backscratcher2007](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/backscratcher2007/32/104623_2.png) [@backscratcher2007](https://community.thunkable.com/u/backscratcher2007)\ **Post date:** [May 11, 2021, 2:42pm UTC](https://community.thunkable.com/t/gif-as-a-columns-background-picture/1276484/5 "2021-05-11T14:42:25Z")
Wait, i think i know, maybe change the wait time to longer, white screen here might just be no photo. ---
**Author:** ![skulamester](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/skulamester/32/100480_2.png) [@skulamester](https://community.thunkable.com/u/skulamester)\ **Post date:** [May 11, 2021, 2:47pm UTC](https://community.thunkable.com/t/gif-as-a-columns-background-picture/1276484/6 "2021-05-11T14:47:51Z")
Well, it does nothing. There is a little white screen in the GIF itself, but it does play only 2 times. It has nothing to do with the blocks I attached. Without them the app does the same. ---
**Author:** ![backscratcher2007](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/backscratcher2007/32/104623_2.png) [@backscratcher2007](https://community.thunkable.com/u/backscratcher2007)\ **Post date:** [May 11, 2021, 2:48pm UTC](https://community.thunkable.com/t/gif-as-a-columns-background-picture/1276484/7 "2021-05-11T14:48:42Z")
could you send the gif here? ---
**Author:** ![skulamester](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/skulamester/32/100480_2.png) [@skulamester](https://community.thunkable.com/u/skulamester)\ **Post date:** [May 11, 2021, 7:45pm UTC](https://community.thunkable.com/t/gif-as-a-columns-background-picture/1276484/9 "2021-05-11T19:45:46Z")
The original GIF: ![ezgif.com-gif-maker (3)](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/e/6e09b4ffe4cf6ad7466fd9284bc55a68779ccc20.gif) ---
**Author:** ![backscratcher2007](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/backscratcher2007/32/104623_2.png) [@backscratcher2007](https://community.thunkable.com/u/backscratcher2007)\ **Post date:** [May 12, 2021, 6:01am UTC](https://community.thunkable.com/t/gif-as-a-columns-background-picture/1276484/10 "2021-05-12T06:01:21Z")
> [@skulamester](#): > > I want that it plays only one time Normally when i set backgroundUse the image sprite, but you will have to use the wait block, and then set it to invisible. I can’t tell whats going wrong because i need to see the full code, or at least everything in the yellow block. ---
**Author:** ![jane](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jane/32/27575_2.png) [@jane](https://community.thunkable.com/u/jane)\ **Post date:** [May 12, 2021, 6:17am UTC](https://community.thunkable.com/t/gif-as-a-columns-background-picture/1276484/11 "2021-05-12T06:17:20Z")
Hi there, The easiest way to get an animation to display once, then stay still, is to use the Animation component. [Animation](https://docs.thunkable.com/v/drag-and-drop/lottie#getting-started) components have a property called Loop. If this is true, the animation will display on a loop. If false, the animation will play through once, then display the final frame as a still image. This sounds like the behavior you are looking for! Lottie definitely have some great confetti animations. [Check them out here!](https://lottiefiles.com/search?q=confetti&category=animations) ---
**Author:** ![skulamester](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/skulamester/32/100480_2.png) [@skulamester](https://community.thunkable.com/u/skulamester)\ **Post date:** [May 12, 2021, 7:00am UTC](https://community.thunkable.com/t/gif-as-a-columns-background-picture/1276484/12 "2021-05-12T07:00:19Z")
Hi @jane, Thank you for your reply. I want to display a text in front of the animation, so I decided to use a layout. @backscratcher2007 The Image Sprite does not support the GIF’s either. > [@jane](#): > > Animation component As far as I know with the Animation component you haven’t the opportunity to display a label in front of the animation, like I want to: ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/8/a88fe7f863bbb37c4c3bd7868f49c3dfe9410815.png) I do that with a Column with a Label in it, but the GIF plays only 2 times. Thank you! ---
**Author:** ![skulamester](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/skulamester/32/100480_2.png) [@skulamester](https://community.thunkable.com/u/skulamester)\ **Post date:** [May 12, 2021, 7:03am UTC](https://community.thunkable.com/t/gif-as-a-columns-background-picture/1276484/13 "2021-05-12T07:03:30Z")
> [@backscratcher2007](#): > > full code, There is nothing special. I created a Column, set its Background Picture to a GIF and that’s all. It displays only 2 times. See my project: [Thunkable](https://x.thunkable.com/copy/52917c50f450e83ca5253239e8922339) ---
**Author:** ![backscratcher2007](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/backscratcher2007/32/104623_2.png) [@backscratcher2007](https://community.thunkable.com/u/backscratcher2007)\ **Post date:** [May 12, 2021, 7:12am UTC](https://community.thunkable.com/t/gif-as-a-columns-background-picture/1276484/14 "2021-05-12T07:12:14Z")
You want it to display more than 2 times or 1 time? Because when i look at the copy you have given me it has no code, so i can’t tell what is going on. If you could include a screenshot of the yellow event block which contains the code from your first screenshot that would be greatly appreciated. ---
**Author:** ![backscratcher2007](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/backscratcher2007/32/104623_2.png) [@backscratcher2007](https://community.thunkable.com/u/backscratcher2007)\ **Post date:** [May 12, 2021, 7:15am UTC](https://community.thunkable.com/t/gif-as-a-columns-background-picture/1276484/15 "2021-05-12T07:15:20Z")
> [@skulamester](#): > > @backscratcher2007 The Image Sprite does not support the GIF’s either. Not image sprite, it is the [image component](https://docs.thunkable.com/image-1) that supports gifs. ---
**Author:** ![skulamester](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/skulamester/32/100480_2.png) [@skulamester](https://community.thunkable.com/u/skulamester)\ **Post date:** [May 12, 2021, 7:26am UTC](https://community.thunkable.com/t/gif-as-a-columns-background-picture/1276484/16 "2021-05-12T07:26:02Z")
> [@backscratcher2007](#): > > 2 times or 1 time I want to be the GIF displayed only 1 time. > [@backscratcher2007](#): > > no code Yes, because the blocks aren’t important, without the blocks the behaviour is the same, as you can see in the link. Using the following blocks I just tried to stop that loop somehow, but I didn’t succeed: ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/2/0246736291591509f3083a210413bfa0d937714d.png) > [@backscratcher2007](#): > > [image component](https://docs.thunkable.com/image-1) that supports gifs I know that one, but I can’t do layers with an Image component. I want to display a Label in front of the GIF, as on the screenshots. ---
**Author:** ![backscratcher2007](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/backscratcher2007/32/104623_2.png) [@backscratcher2007](https://community.thunkable.com/u/backscratcher2007)\ **Post date:** [May 12, 2021, 7:27am UTC](https://community.thunkable.com/t/gif-as-a-columns-background-picture/1276484/17 "2021-05-12T07:27:29Z")
Actually when i see the project you have given the link to, it only plays once ---
**Author:** ![skulamester](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/skulamester/32/100480_2.png) [@skulamester](https://community.thunkable.com/u/skulamester)\ **Post date:** [May 12, 2021, 7:31am UTC](https://community.thunkable.com/t/gif-as-a-columns-background-picture/1276484/18 "2021-05-12T07:31:32Z")
On the Design page for me as well, but if I use the Thunkable app to preview the app, or build it, it displays 2 times. ---
**Author:** ![backscratcher2007](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/backscratcher2007/32/104623_2.png) [@backscratcher2007](https://community.thunkable.com/u/backscratcher2007)\ **Post date:** [May 12, 2021, 7:33am UTC](https://community.thunkable.com/t/gif-as-a-columns-background-picture/1276484/19 "2021-05-12T07:33:31Z")
You don’t have to set the background picture to anything, unless it has been set to a different source before, it will automatically play once it is set to visible. ---
**Author:** ![skulamester](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/skulamester/32/100480_2.png) [@skulamester](https://community.thunkable.com/u/skulamester)\ **Post date:** [May 12, 2021, 7:36am UTC](https://community.thunkable.com/t/gif-as-a-columns-background-picture/1276484/20 "2021-05-12T07:36:00Z")
It displays me 2 times even without the blocks. Please try it using the Thunkable app to preview the project. ---
**Author:** ![backscratcher2007](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/backscratcher2007/32/104623_2.png) [@backscratcher2007](https://community.thunkable.com/u/backscratcher2007)\ **Post date:** [May 12, 2021, 7:37am UTC](https://community.thunkable.com/t/gif-as-a-columns-background-picture/1276484/21 "2021-05-12T07:37:15Z")
I did that, it plays only once and stops, even if i put it in a forever loop [Next page](https://community.thunkable.com/t/gif-as-a-columns-background-picture/1276484.md?page=2)