# Image custom height

**URL:** <https://community.glideapps.com/t/image-custom-height/13129>\
**Category:** Feature Requests\
**Created:** [July 26, 2020, 9:34pm UTC](https://community.glideapps.com/t/image-custom-height/13129 "2020-07-26T21:34:45Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\
**Post date:** [July 26, 2020, 9:34pm UTC](https://community.glideapps.com/t/image-custom-height/13129/1 "2020-07-26T21:34:45Z")

</div>

It could be great if it was possible to do custom height of the image component.

I have be using 1:1 but the challenge is that Glide doesn’t know the height until the image is loaded - and this results in buttons placed below the image will jump from below “image box and image not loaded” to below “image box when image is loaded”.

If we could specify custom sized image box e.g. 3:4 then we could adjust the images to be put in the box to be 3:4.  
Right now if you want to show an 3:4 image then you will have to use the 1:1 style and then adjust your image to 3:4 - but as mentioned the size of the box isn’t know until the image is loaded - and element below the image will move up and down

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [July 26, 2020, 10:02pm UTC](https://community.glideapps.com/t/image-custom-height/13129/2 "2020-07-26T22:02:13Z")

</div>

Is this in regards to your carousel? If not, the only thing I can think of and currently do myself is create a multiple relation from the row back to itself (should return only one matching row). Then display the relation as an inline list with a tile or card layout with the image ratio set in the list.

---

<div class="post-metadata">

**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\
**Post date:** [July 26, 2020, 10:06pm UTC](https://community.glideapps.com/t/image-custom-height/13129/3 "2020-07-26T22:06:26Z")

</div>

@Jeff_Hager Actually I used the increment action to next image like @Manan_Mehta showed in [Paging and navigation using increment action](https://community.glideapps.com/t/paging-and-navigation-using-increment-action/10520)

In this situation I would like to make use of a custom size image box

I cannot see this working with an inline list - but I might be wrong.

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [July 26, 2020, 10:11pm UTC](https://community.glideapps.com/t/image-custom-height/13129/4 "2020-07-26T22:11:45Z")

</div>

I display images in some cases using lists. It gives you more control and the bonus of overlays. The image here is not an image component. It’s an inlist list from a relation where the row points to itself. Again, it’s the same as the family reunion app I’ve been sharing.

 ![Screenshot_20200726-171033](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/9/9c8a87f6a646c35122f71120dc9b65c32b6d718a.png)