# Image button

**URL:** <https://community.glideapps.com/t/image-button/48933>\
**Category:** Ask for Help\
**Created:** [September 9, 2022, 2:35am UTC](https://community.glideapps.com/t/image-button/48933 "2022-09-09T02:35:36Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![AugustoMiguel](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/augustomiguel/32/47516_2.png) [@AugustoMiguel](https://community.glideapps.com/u/AugustoMiguel)\
**Post date:** [September 9, 2022, 2:35am UTC](https://community.glideapps.com/t/image-button/48933/1 "2022-09-09T02:35:36Z")

</div>

Hi guys!!  
I want to make a button like an image picker like we have on user profile without using forms… is there a way?

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [September 9, 2022, 3:51am UTC](https://community.glideapps.com/t/image-button/48933/2 "2022-09-09T03:51:45Z")

</div>

use a CSS image as a button, and make a z-index -1, so it will stay behind the image… and add action to your image to upload a new one

---

<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:** [September 9, 2022, 2:51pm UTC](https://community.glideapps.com/t/image-button/48933/3 "2022-09-09T14:51:08Z")

</div>

You can add an upload image action to an image component, if that’s what you are looking for.

> **[Upload Image](https://www.glideapps.com/docs/reference/actions/upload-image)**
>
> Upload images in the image component.

---

<div class="post-metadata">

**Author:** ![AugustoMiguel](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/augustomiguel/32/47516_2.png) [@AugustoMiguel](https://community.glideapps.com/u/AugustoMiguel)\
**Post date:** [September 10, 2022, 2:38am UTC](https://community.glideapps.com/t/image-button/48933/4 "2022-09-10T02:38:18Z")

</div>

Thanks @Jeff_Hager !!  
That´s exactly what I was looking for.

Is there a way to css the button?

---

<div class="post-metadata">

**Author:** ![DillanMartinez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dillanmartinez/32/46254_2.png) [@DillanMartinez](https://community.glideapps.com/u/DillanMartinez)\
**Post date:** [September 10, 2022, 3:46am UTC](https://community.glideapps.com/t/image-button/48933/5 "2022-09-10T03:46:02Z")

</div>

Can you show an example of what you want the button to look like so I can create a css for you?

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [September 11, 2022, 3:46am UTC](https://community.glideapps.com/t/image-button/48933/6 "2022-09-11T03:46:02Z")

</div>

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.