# Is it possible to alter the order of components? Particularly the Action Row button

**URL:** https://community.glideapps.com/t/is-it-possible-to-alter-the-order-of-components-particularly-the-action-row-button/71946
**Category:** Ask for Help
**Created:** [March 23, 2024, 12:25am UTC](https://community.glideapps.com/t/is-it-possible-to-alter-the-order-of-components-particularly-the-action-row-button/71946 "2024-03-23T00:25:26Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![Kiwi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kiwi/32/60332_2.png) [@Kiwi](https://community.glideapps.com/u/Kiwi)
#### Post date: [March 23, 2024, 12:25am UTC](https://community.glideapps.com/t/is-it-possible-to-alter-the-order-of-components-particularly-the-action-row-button/71946/1 "2024-03-23T00:25:26Z")

</div>

Hi there! Wondering if anyone knows how to switch the ‘text’ component of an action row to be on the right and the ‘button’ of the action row to be on the left. I’d like the “Includes” text to be on the left and then the text to be following this.

Any help is appreciated!

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

---

<div class="post-metadata">

### Author: ![Collin\_Stedham](https://avatars.discourse-cdn.com/v4/letter/c/13edae/32.png) [@Collin\_Stedham](https://community.glideapps.com/u/Collin_Stedham)
#### Post date: [March 23, 2024, 1:18am UTC](https://community.glideapps.com/t/is-it-possible-to-alter-the-order-of-components-particularly-the-action-row-button/71946/2 "2024-03-23T01:18:55Z")

</div>

Can you show me what it looks like on the left side with the components? That could 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: [March 23, 2024, 1:19am UTC](https://community.glideapps.com/t/is-it-possible-to-alter-the-order-of-components-particularly-the-action-row-button/71946/3 "2024-03-23T01:19:58Z")

</div>

Why do you need the “Includes” part in a different form though? For emphasization?

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/2/42a524a95cf40bec3ca102ef2f9caa9b4733e10f.jpeg)

Something like this also works.

```auto
<div style="display: flex; justify-content: flex-start; align-items: center;">
  <div style="background-color: #CBC3E3; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; font-weight: 600; margin-right: 10px; cursor: pointer; border-radius: 20px;">Includes</div>
  <div style="flex-grow: 1; ">1 month subscription</div>
</div>

```

---

<div class="post-metadata">

### Author: ![Collin\_Stedham](https://avatars.discourse-cdn.com/v4/letter/c/13edae/32.png) [@Collin\_Stedham](https://community.glideapps.com/u/Collin_Stedham)
#### Post date: [March 23, 2024, 1:29am UTC](https://community.glideapps.com/t/is-it-possible-to-alter-the-order-of-components-particularly-the-action-row-button/71946/4 "2024-03-23T01:29:36Z")

</div>

Could he maybe just put it in as a title and and a Meta? Then he could emphasize the Includes. Or he could just include the “includes” button in a different component and put them both in a container.

---

<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: [March 23, 2024, 1:45am UTC](https://community.glideapps.com/t/is-it-possible-to-alter-the-order-of-components-particularly-the-action-row-button/71946/5 "2024-03-23T01:45:01Z")

</div>

A meta (emphasis) won’t have the same look.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/4/3418b2c67ef8c00d58374eda8940b7cc8ba7f31c.png)

> [@Collin\_Stedham](#):
>
> Or he could just include the “includes” button in a different component and put them both in a container.

On desktop, they’re far apart from each other. Also doesn’t work on mobiles, they stack on top of each other instead of being aligned horizontally.

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

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

---

<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: [March 30, 2024, 1:45am UTC](https://community.glideapps.com/t/is-it-possible-to-alter-the-order-of-components-particularly-the-action-row-button/71946/6 "2024-03-30T01:45:52Z")

</div>

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