# CSS to have an auxiliary button in the top right corner of any entry

**URL:** <https://community.glideapps.com/t/css-to-have-an-auxiliary-button-in-the-top-right-corner-of-any-entry/32591>\
**Category:** Ask for Help\
**Tags:** custom-code\
**Created:** [October 3, 2021, 11:41am UTC](https://community.glideapps.com/t/css-to-have-an-auxiliary-button-in-the-top-right-corner-of-any-entry/32591 "2021-10-03T11:41:25Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Maxim\_KM](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maxim_km/32/29274_2.png) [@Maxim\_KM](https://community.glideapps.com/u/Maxim_KM)\
**Post date:** [October 3, 2021, 11:41am UTC](https://community.glideapps.com/t/css-to-have-an-auxiliary-button-in-the-top-right-corner-of-any-entry/32591/1 "2021-10-03T11:41:25Z")

</div>

I have a need to often explain what should be inputted or choose from previous inputs and form shouldn’t be grown vertically with usual elements.

So, I developed this style over Rich Text with Action connected:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/a/cac21d528d46257d9ec9fe023f84f121760c6f30.png)

Setup is the following: I add rich texts above needed Entry components and decorate them with CSS rich text.

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

Text for “Copy to Clipboard” rich text:

```auto
<div data-test="last-input-texts" style="color:mediumorchid; font-size:0.75rem;">Copy to clipboard</div>

```

Code for CSS rich text:

```auto
<pre><span><style>

[data-test="app-markdown-view"][role="button"]{
margin-bottom:-35px;
align-self:flex-end;
text-align-last: center;
text-align:right;
width:auto;
padding-left:15%;
padding-right: 20px;
z-index:1;
}
[class="labels"] >span{
display:none;
}

```

Things to consider:

- All rich texts with Actions on the same page will have this position offset.
- If you have \* Required text for Entry - you can hide it with CSS [class=“labels”] \>span{display:none;}
- If name for Entry is too long, it will overlap with this auxiliary text.

---

<div class="post-metadata">

**Author:** ![Maxim\_KM](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maxim_km/32/29274_2.png) [@Maxim\_KM](https://community.glideapps.com/u/Maxim_KM)\
**Post date:** [October 3, 2021, 11:44am UTC](https://community.glideapps.com/t/css-to-have-an-auxiliary-button-in-the-top-right-corner-of-any-entry/32591/2 "2021-10-03T11:44:48Z")

</div>

Demo app: [https://aux-button-for-entry.glideapp.io/](https://aux-button-for-entry.glideapp.io/)

---

<div class="post-metadata">

**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:** [October 3, 2021, 2:03pm UTC](https://community.glideapps.com/t/css-to-have-an-auxiliary-button-in-the-top-right-corner-of-any-entry/32591/3 "2021-10-03T14:03:51Z")

</div>

Nice tutorial. I’ve done this in the past too as a way to add members to a project:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/1/11bdfafb3e5d3cdf75af15c600fa82c61c0d3487.jpeg)