# Help speeding up my Gallery

**URL:** <https://community.thunkable.com/t/help-speeding-up-my-gallery/1299536>\
**Category:** Questions about Thunkable X\
**Created:** [May 22, 2021, 8:26am UTC](https://community.thunkable.com/t/help-speeding-up-my-gallery/1299536 "2021-05-22T08:26:09Z")\
**Posts on this page:** 13\
**Page:** 2

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [May 24, 2021, 6:24pm UTC](https://community.thunkable.com/t/help-speeding-up-my-gallery/1299536/21 "2021-05-24T18:24:04Z")

</div>

> [@skulamester](#):
>
> But note, cloning images with borders don’t work

I haven’t yet seen evidence of this - do you have a simple example that reproduces it? I see that image borders are bugged when the image is clickable, but that has nothing to do with cloning.

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [May 24, 2021, 6:24pm UTC](https://community.thunkable.com/t/help-speeding-up-my-gallery/1299536/22 "2021-05-24T18:24:42Z")

</div>

> [@skulamester](#):
>
> I have some problem with the background picture as well, there is a space on the right, if I set the width property of a container:

You set your width to 95%, so of course there’s space on the right - that’s the other 5% of the screen. 🙂

---

<div class="post-metadata">

**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 24, 2021, 6:32pm UTC](https://community.thunkable.com/t/help-speeding-up-my-gallery/1299536/23 "2021-05-24T18:32:09Z")

</div>

> [@catsarisky](#):
>
> I see that image borders are bugged when the image is clickable, but that has nothing to do with cloning.

You are right. Cloning does work, but the borders are bugged. Sorry.

> [@catsarisky](#):
>
> of course there’s space on the right

There shouldn’t be a space, as I have a background picture set for the row. Here is the preview it does display good, but on my iPhone it doesn’t:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/6/c69fbfc6c444d39f0ed0b96b7a45e3186f2d46fb.jpeg)

See my project above.

---

<div class="post-metadata">

**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 24, 2021, 6:33pm UTC](https://community.thunkable.com/t/help-speeding-up-my-gallery/1299536/24 "2021-05-24T18:33:54Z")

</div>

If I set the width of the row for 70%, I get this on my iPhone:

 ![IMG_8536.PNG](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/f/2f80f56b919d93f789477cad7cc0b96b0169cd80.jpeg)

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [May 24, 2021, 9:06pm UTC](https://community.thunkable.com/t/help-speeding-up-my-gallery/1299536/25 "2021-05-24T21:06:53Z")

</div>

> [@skulamester](#):
>
> ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/b/4b84b16eda57dcdbb95d9caeb71dd27130a0226a.png)
> 
> image536×1052 34.1 KB

Right here - you have the width of the row set to 95%, which means you’re going to have a stripe on the side next to the row. Oh… are you saying it isn’t filling the 95% wide row? Whats your background picture resize mode set to? Set to cover.

---

<div class="post-metadata">

**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:** [May 24, 2021, 9:52pm UTC](https://community.thunkable.com/t/help-speeding-up-my-gallery/1299536/26 "2021-05-24T21:52:14Z")

</div>

I found some info about cache settings:

> **[Request.cache - Web APIs | MDN](https://developer.mozilla.org/en-US/docs/Web/API/Request/cache)**
>
> The cache read-only property of the Request interface contains the cache mode of the request. It controls how the request will interact with the browser's HTTP cache.

---

<div class="post-metadata">

**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 25, 2021, 4:55am UTC](https://community.thunkable.com/t/help-speeding-up-my-gallery/1299536/27 "2021-05-25T04:55:09Z")

</div>

> [@catsarisky](#):
>
> Set to cover.

I have already tried that before, but it does that weird thing:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/a/fae5be4ec04780097fb74aa7edf0a4589b49d305.jpeg)  
 ![IMG_5A941786DAFD-1](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/e/0e1dde4f70be61bae45948524122c29505fa41ce.jpeg)

> [@catsarisky](#):
>
> label’s advanced settings are set to absolute

Btw, showing me this setting was absolutely helpful in my project, thanks!

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [May 25, 2021, 10:17am UTC](https://community.thunkable.com/t/help-speeding-up-my-gallery/1299536/28 "2021-05-25T10:17:11Z")

</div>

> [@skulamester](#):
>
> I have already tried that before, but it does that weird thing:

In your screen shot, you’re showing it set to contain.

Is the red from the row, or does the container holding that row also have a red background?

---

<div class="post-metadata">

**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 25, 2021, 10:22am UTC](https://community.thunkable.com/t/help-speeding-up-my-gallery/1299536/29 "2021-05-25T10:22:32Z")

</div>

> [@catsarisky](#):
>
> set to contain

Contain looks like this:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/7/e73d9bf1b5fd6c7c53b60e98ac169c03c12bbbc4.jpeg)

> [@catsarisky](#):
>
> container holding that row also have a red background

The screen has white background color, the row has red. (To visualize my problem.)

But I have a sample project above. Do you experience the same behavior?

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [May 25, 2021, 10:23am UTC](https://community.thunkable.com/t/help-speeding-up-my-gallery/1299536/30 "2021-05-25T10:23:19Z")

</div>

I’ll have a look when not on my phone! 🙂

Updated: Yeah, I see it on Thunkable Live/small iPhone. I’m suspicious this is a Thunkable Live-specific layout problem (because the screen height gets encroached on by the header/footer added by Live. So I’m building your project to test that hypothesis. Will report back in an hour or so!

I’m building with these settings:  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/4/e4ffc759de1c151d2c4b408b2cf992942b5a96b4.png)

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [May 25, 2021, 11:24am UTC](https://community.thunkable.com/t/help-speeding-up-my-gallery/1299536/31 "2021-05-25T11:24:14Z")

</div>

Ok, not an artifact of viewing in live.

So let’s back up - what do you want it to look like? 95% of screen width, centered, no red?

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [May 25, 2021, 1:22pm UTC](https://community.thunkable.com/t/help-speeding-up-my-gallery/1299536/32 "2021-05-25T13:22:19Z")

</div>

Sometimes, you just have to do it yourself. This seems to do what you want:

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/3/73cf7a4cf25c78737416701767932649d3411644.png)

Should you have to resort to calculating it manually? No, but sometimes you just do. 🙂

---

<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, 1:22pm UTC](https://community.thunkable.com/t/help-speeding-up-my-gallery/1299536/33 "2024-11-08T13:22:19Z")

</div>

Closed on November 8, 2024, 1:22pm UTC



[Previous page](https://community.thunkable.com/t/help-speeding-up-my-gallery/1299536.md?page=1)
