# Future Plans for the BUTTON Component?

**URL:** <https://forums.realmacsoftware.com/t/future-plans-for-the-button-component/44192>\
**Category:** RapidWeaver Elements\
**Created:** [August 8, 2024, 7:28pm UTC](https://forums.realmacsoftware.com/t/future-plans-for-the-button-component/44192 "2024-08-08T19:28:32Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [August 8, 2024, 7:28pm UTC](https://forums.realmacsoftware.com/t/future-plans-for-the-button-component/44192/1 "2024-08-08T19:28:32Z")

</div>

I’m curious about the plans (if any) for enhancing the BUTTON component, as I have found several limitations and what appears to be a bug. See below.

The missing functionality I have found.

1. Text justification
2. Icons
3. Ghost button support (you can achieve this currently, but you have to work at it)
4. Hide the background color

There appears to be a bug when trying to set a CUSTOM width. Regardless of the value I enter, the button does not change width. Interestingly, it worked the first time I tried setting a custom width, but subsequent changes had no effect.

---

<div class="post-metadata">

**Author:** ![klap](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/klap/32/25866_2.png) [@klap](https://forums.realmacsoftware.com/u/klap)\
**Post date:** [August 8, 2024, 8:25pm UTC](https://forums.realmacsoftware.com/t/future-plans-for-the-button-component/44192/2 "2024-08-08T20:25:44Z")

</div>

Hi Robin,

On the width issue I found that adding say 100px worked but just putting in 100 did not. Or 50px and such.

Hope that helps. with the width.

---

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [August 8, 2024, 9:05pm UTC](https://forums.realmacsoftware.com/t/future-plans-for-the-button-component/44192/3 "2024-08-08T21:05:55Z")

</div>

Yes, that is precisely what I was using XXpx, but that does not work for me.

---

<div class="post-metadata">

**Author:** ![klap](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/klap/32/25866_2.png) [@klap](https://forums.realmacsoftware.com/u/klap)\
**Post date:** [August 9, 2024, 1:55am UTC](https://forums.realmacsoftware.com/t/future-plans-for-the-button-component/44192/4 "2024-08-09T01:55:34Z")

</div>

We will need the devs to help with that one! 🫤

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [August 9, 2024, 7:41am UTC](https://forums.realmacsoftware.com/t/future-plans-for-the-button-component/44192/5 "2024-08-09T07:41:44Z")

</div>

> [@handshaper](#):
>
> - Text justification
> - Icons

These will definitely be added in the future.

> [@handshaper](#):
>
> Ghost button support (you can achieve this currently, but you have to work at it)

We have discussed this one internally, and initially have decided that the way to achieve a “ghost” (or outlined) button would be to use the background and border settings in combination.

We’re not 100% set on this approach, but it does allow for the Button to be a lot more flexible (as you can create a unique style to your liking) rather than having defined styles for “solid” and “outline”.

One way (at least for now) to get a ghost button is to style the Button to your liking, and then save that as a Global 🙂

> [@handshaper](#):
>
> Hide the background color

Do you mean you want a transparent background? If so, you can do this by setting the background color to 0% opacity.

> [@handshaper](#):
>
> There appears to be a bug when trying to set a CUSTOM width. Regardless of the value I enter, the button does not change width.

Currently some “Custom Width” inputs accept a string, some accept only a number. We have a ticket to improve the input fields, both in functionality and for consistency.

For now: In the Button you can set any valid CSS value as a custom width. So all of these values would work: `200px` or `50%` or `80vw`

---

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [August 9, 2024, 8:55pm UTC](https://forums.realmacsoftware.com/t/future-plans-for-the-button-component/44192/6 "2024-08-09T20:55:27Z")

</div>

> [@ben](#):
>
> For now: In the Button you can set any valid CSS value as a custom width. So all of these values would work: `200px` or `50%` or `80vw`

I tested all these and could not get any of them to work. Will try again today.

---

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [August 11, 2024, 9:12pm UTC](https://forums.realmacsoftware.com/t/future-plans-for-the-button-component/44192/7 "2024-08-11T21:12:18Z")

</div>

> [@ben](#):
>
> Do you mean you want a transparent background? If so, you can do this by setting the background color to 0% opacity.

My thought was the ability to choose to have NO BACKGROUND. I’m creating a ghost button by setting the background opacity to ZERO. This seems to be inefficient, but I could be wrong.
