# Top of image in 'Title Component' is cropped **URL:** \ **Category:** Report a Bug\ **Created:** [June 4, 2020, 10:11pm UTC](https://community.glideapps.com/t/top-of-image-in-title-component-is-cropped/10308 "2020-06-04T22:11:02Z")\ **Posts on this page:** 14\ **Page:** 1
**Author:** ![Uelsimon](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uelsimon/32/6556_2.png) [@Uelsimon](https://community.glideapps.com/u/Uelsimon)\ **Post date:** [June 4, 2020, 10:11pm UTC](https://community.glideapps.com/t/top-of-image-in-title-component-is-cropped/10308/1 "2020-06-04T22:11:02Z")
I just noticed, that the top of an image used in a ‘Title Component’ is cropped by about 100px. (possibly from the bottom too?) Can that be changed to show the entire image? see the side by side ![Screen Shot 2020-06-05 at 00.08.18](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/3/3c0b63defb5e6eed3e348a28000f7a5505e55e0d.jpeg) ---
**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:** [June 4, 2020, 10:13pm UTC](https://community.glideapps.com/t/top-of-image-in-title-component-is-cropped/10308/2 "2020-06-04T22:13:49Z")
That is how it works. Believe the ratio is 4:3. Expect you are using 1:1 image? ---
**Author:** ![Uelsimon](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uelsimon/32/6556_2.png) [@Uelsimon](https://community.glideapps.com/u/Uelsimon)\ **Post date:** [June 4, 2020, 10:16pm UTC](https://community.glideapps.com/t/top-of-image-in-title-component-is-cropped/10308/3 "2020-06-04T22:16:16Z")
correct… square… well maybe they should offer ratio options like they do with images? ---
**Author:** ![Uelsimon](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uelsimon/32/6556_2.png) [@Uelsimon](https://community.glideapps.com/u/Uelsimon)\ **Post date:** [June 4, 2020, 10:18pm UTC](https://community.glideapps.com/t/top-of-image-in-title-component-is-cropped/10308/4 "2020-06-04T22:18:27Z")
why is why I just figured out to just use an image component. Thanks for the nudge ---
**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\ **Post date:** [June 4, 2020, 11:26pm UTC](https://community.glideapps.com/t/top-of-image-in-title-component-is-cropped/10308/5 "2020-06-04T23:26:52Z")
Yes this has been a feature request of mine as well ---
**Author:** ![mthakershi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mthakershi/32/1715_2.png) [@mthakershi](https://community.glideapps.com/u/mthakershi)\ **Post date:** [June 21, 2020, 4:11am UTC](https://community.glideapps.com/t/top-of-image-in-title-component-is-cropped/10308/6 "2020-06-21T04:11:43Z")
I think this should be a high priority. Especially, the App loses all the value when people’s heads get cut off in the title component. User expects to see the image same as she saw in the list on the previous page. Thanks for reading. ![Screen Shot 2020-06-21 at 9.35.06 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/2/29fb041abe6f1314bc2e8042717da3c29b48b12f.png) ---
**Author:** ![mthakershi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mthakershi/32/1715_2.png) [@mthakershi](https://community.glideapps.com/u/mthakershi)\ **Post date:** [July 5, 2020, 8:47pm UTC](https://community.glideapps.com/t/top-of-image-in-title-component-is-cropped/10308/7 "2020-07-05T20:47:37Z")
Please add crop behavior to Title image component. ---
**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\ **Post date:** [July 5, 2020, 8:56pm UTC](https://community.glideapps.com/t/top-of-image-in-title-component-is-cropped/10308/8 "2020-07-05T20:56:12Z")
Do this. Create your own title component by: 1. Create a MULTIPLE relation column that relates a unique column in the sheet to itself (email or rowID works best) 2. Replace your title component with an inline list \> Tiles component that uses this relation\_self column 3. Choose a size that works best for your profile image…benefit is that now you can crop to face. ---
**Author:** ![mthakershi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mthakershi/32/1715_2.png) [@mthakershi](https://community.glideapps.com/u/mthakershi)\ **Post date:** [July 5, 2020, 9:14pm UTC](https://community.glideapps.com/t/top-of-image-in-title-component-is-cropped/10308/9 "2020-07-05T21:14:51Z")
Great workaround for now. Also set Action to “None” Only two drawbacks. 1. Added relation may hamper performance. 2. The image doesn’t take entire horizontal screen space like Title. Thanks a lot. ---
**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\ **Post date:** [July 7, 2020, 2:27am UTC](https://community.glideapps.com/t/top-of-image-in-title-component-is-cropped/10308/10 "2020-07-07T02:27:32Z")
Correct. Forgot to mention Action -\> None. You could also create your own using Cloudinary. It’s how I did mine in my MyCard App: > **[My Card](https://robertpetitto.glideapp.io)** > > A digital business card for you to share with anyone, anywhere, on any device. ---
**Author:** ![mthakershi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mthakershi/32/1715_2.png) [@mthakershi](https://community.glideapps.com/u/mthakershi)\ **Post date:** [July 9, 2020, 6:43pm UTC](https://community.glideapps.com/t/top-of-image-in-title-component-is-cropped/10308/11 "2020-07-09T18:43:01Z")
> [@Robert\_Petitto](#): > > MULTIPLE I knew I was forgetting something. Why is MULTIPLE relation required for this? ---
**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 9, 2020, 6:46pm UTC](https://community.glideapps.com/t/top-of-image-in-title-component-is-cropped/10308/12 "2020-07-09T18:46:29Z")
You can’t create an inline list that allows for tiles or cards when using a single relation. ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [July 9, 2020, 10:36pm UTC](https://community.glideapps.com/t/top-of-image-in-title-component-is-cropped/10308/13 "2020-07-09T22:36:40Z")
That’s what I’ve been doing in some apps recently, a multi relation to be flexible in showing things, a single relation if I want to take some specific information only. ---
**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\ **Post date:** [July 10, 2020, 3:43am UTC](https://community.glideapps.com/t/top-of-image-in-title-component-is-cropped/10308/14 "2020-07-10T03:43:32Z")
Yep, I do both and call it rel\_mult\_NAME and rel\_sing\_NAME