# Large buttons instead of the default sized components

**URL:** https://community.glideapps.com/t/large-buttons-instead-of-the-default-sized-components/62514
**Category:** Ask for Help
**Created:** [June 6, 2023, 8:55pm UTC](https://community.glideapps.com/t/large-buttons-instead-of-the-default-sized-components/62514 "2023-06-06T20:55:31Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![Igal\_Y](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/igal_y/32/56424_2.png) [@Igal\_Y](https://community.glideapps.com/u/Igal_Y)
#### Post date: [June 6, 2023, 8:55pm UTC](https://community.glideapps.com/t/large-buttons-instead-of-the-default-sized-components/62514/1 "2023-06-06T20:55:31Z")

</div>

How do I create Large buttons instead of using the built in default sizes?

---

<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: [June 6, 2023, 9:04pm UTC](https://community.glideapps.com/t/large-buttons-instead-of-the-default-sized-components/62514/2 "2023-06-06T21:04:42Z")

</div>

Any component that allows you to set an action can act as a button. Try different components and see what works best for you. You can even use some html in a rich text component to build almost any style of button that you want.

---

<div class="post-metadata">

### Author: ![Igal\_Y](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/igal_y/32/56424_2.png) [@Igal\_Y](https://community.glideapps.com/u/Igal_Y)
#### Post date: [June 6, 2023, 9:45pm UTC](https://community.glideapps.com/t/large-buttons-instead-of-the-default-sized-components/62514/3 "2023-06-06T21:45:19Z")

</div>

Jeff I have narrow blue buttons and need large ones like this green image. Can you please give me pinpoint directions ? I can’t figure out which component creates this result.

 ![Capture](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/f/8ff233b4a17db67ce6561e982e16937d6d78f108.jpeg)  
 ![Capture1](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/5/b588f74dcc338d93f8454437d688365bde88f8e1.jpeg)

---

<div class="post-metadata">

### 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: [June 7, 2023, 12:13am UTC](https://community.glideapps.com/t/large-buttons-instead-of-the-default-sized-components/62514/4 "2023-06-07T00:13:06Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/e/fec52e1d91b90c7d575eb322bb96f5e01e8e7a43.png)

Use a rich text component:

```auto
<center><br><span style="background-color: green; padding: 40px 100px; font-size: 40px; color: white; border-radius: 50px;">Clock In</span></br></center>

```

---

<div class="post-metadata">

### Author: ![Igal\_Y](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/igal_y/32/56424_2.png) [@Igal\_Y](https://community.glideapps.com/u/Igal_Y)
#### Post date: [June 7, 2023, 3:15pm UTC](https://community.glideapps.com/t/large-buttons-instead-of-the-default-sized-components/62514/5 "2023-06-07T15:15:48Z")

</div>

> [@ThinhDinh](#):
>
> `<center><br><span style="background-color: green; padding: 40px 100px; font-size: 40px; color: white; border-radius: 50px;">Clock In</span></br></center>`

Thank You Thinh ! I’ll kick it around and get back to you if I still need help.

---

<div class="post-metadata">

### 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: [June 7, 2023, 11:56pm UTC](https://community.glideapps.com/t/large-buttons-instead-of-the-default-sized-components/62514/6 "2023-06-07T23:56:37Z")

</div>

Hope it helps! Then you can assign an action to it.

---

<div class="post-metadata">

### Author: ![Igal\_Y](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/igal_y/32/56424_2.png) [@Igal\_Y](https://community.glideapps.com/u/Igal_Y)
#### Post date: [June 21, 2023, 10:03pm UTC](https://community.glideapps.com/t/large-buttons-instead-of-the-default-sized-components/62514/7 "2023-06-21T22:03:21Z")

</div>

@ThinhDinh , do you know how to control the size of this number entry component ? I would like to adjust it’s dimensions and make it bigger.

 ![Capture](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/d/3dbf346d756118368338288e2307d8d27eb8ea32.jpeg)

---

<div class="post-metadata">

### 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: [June 21, 2023, 11:22pm UTC](https://community.glideapps.com/t/large-buttons-instead-of-the-default-sized-components/62514/8 "2023-06-21T23:22:27Z")

</div>

So you need the white part to be bigger and the font size to be bigger?

---

<div class="post-metadata">

### Author: ![Igal\_Y](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/igal_y/32/56424_2.png) [@Igal\_Y](https://community.glideapps.com/u/Igal_Y)
#### Post date: [June 22, 2023, 3:08am UTC](https://community.glideapps.com/t/large-buttons-instead-of-the-default-sized-components/62514/9 "2023-06-22T03:08:18Z")

</div>

@ThinhDinh Yes mainly the white part enlarged and it would be a bonus to be able to adjust the font as well.