# How to align left the text of a dropdown

**URL:** <https://forum.inductiveautomation.com/t/how-to-align-left-the-text-of-a-dropdown/104104>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [March 24, 2025, 4:35pm UTC](https://forum.inductiveautomation.com/t/how-to-align-left-the-text-of-a-dropdown/104104 "2025-03-24T16:35:08Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![danielps1818](https://avatars.discourse-cdn.com/v4/letter/d/ecae2f/32.png) [@danielps1818](https://forum.inductiveautomation.com/u/danielps1818)\
**Post date:** [March 24, 2025, 4:35pm UTC](https://forum.inductiveautomation.com/t/how-to-align-left-the-text-of-a-dropdown/104104/1 "2025-03-24T16:35:08Z")

</div>

Hi!

My current problem:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/1/e13acd7af1b45878ab3dd984b745f82a82434a6b.png)

Want to place the "_Lote_" value to the left, but the textAlign doesn't seem to work. Any idea?

Thanks in advance!

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [March 24, 2025, 6:14pm UTC](https://forum.inductiveautomation.com/t/how-to-align-left-the-text-of-a-dropdown/104104/2 "2025-03-24T18:14:00Z")

</div>

Show us what component types you are using for Sala, Lote and Inicio. Then show us the configuration for Lote. Also, post the JSON for Lote. (Right-click → Copy → \</\>. Please see [https://forum.inductiveautomation.com/t/wiki-how-to-post-code-on-this-forum/77831.](https://forum.inductiveautomation.com/t/wiki-how-to-post-code-on-this-forum/77831.))

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [March 24, 2025, 8:52pm UTC](https://forum.inductiveautomation.com/t/how-to-align-left-the-text-of-a-dropdown/104104/3 "2025-03-24T20:52:59Z")

</div>

What version do you have? Apparently the textAlign prop was only added in v 8.1.19

> **[Perspective - Dropdown | Ignition User Manual](https://www.docs.inductiveautomation.com/docs/8.1/appendix/components/perspective-components/perspective-input-palette/perspective-dropdown)**
>
> The Dropdown component is a great way to display a list of choices in a limited amount of space.

---

<div class="post-metadata">

**Author:** ![danielps1818](https://avatars.discourse-cdn.com/v4/letter/d/ecae2f/32.png) [@danielps1818](https://forum.inductiveautomation.com/u/danielps1818)\
**Post date:** [March 25, 2025, 1:06pm UTC](https://forum.inductiveautomation.com/t/how-to-align-left-the-text-of-a-dropdown/104104/4 "2025-03-25T13:06:58Z")

</div>

I have 8.1.38

---

<div class="post-metadata">

**Author:** ![danielps1818](https://avatars.discourse-cdn.com/v4/letter/d/ecae2f/32.png) [@danielps1818](https://forum.inductiveautomation.com/u/danielps1818)\
**Post date:** [March 25, 2025, 1:09pm UTC](https://forum.inductiveautomation.com/t/how-to-align-left-the-text-of-a-dropdown/104104/5 "2025-03-25T13:09:35Z")

</div>

`Sala` and `Inicio` are both labels.

`Orden`:

```python
[
  {
    "type": "ia.input.dropdown",
    "version": 0,
    "props": {
      "value": "ORDER",
      "options": [
        {
          "label": "Orden",
          "value": "ORDER"
        },
        {
          "label": "Lote",
          "value": "BATCH"
        }
      ],
      "placeholder": {
        "text": ""
      },
      "search": {
        "enabled": false
      },
      "style": {
        "classes": "Background2 RoundBorders Text_Nivels",
        "borderStyle": "none"
      }
    },
    "meta": {
      "name": "Dropdown"
    },
    "position": {
      "basis": "100px"
    },
    "custom": {}
  }
]

```

---

<div class="post-metadata">

**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [March 25, 2025, 1:24pm UTC](https://forum.inductiveautomation.com/t/how-to-align-left-the-text-of-a-dropdown/104104/6 "2025-03-25T13:24:53Z")

</div>

Perhaps remove the style class and see if that makes a difference. Also, I don't recognize the version key.

When weird things happen to me, I just start over. Drop a new dropdown and add the two options (takes 15 seconds).

---

<div class="post-metadata">

**Author:** ![danielps1818](https://avatars.discourse-cdn.com/v4/letter/d/ecae2f/32.png) [@danielps1818](https://forum.inductiveautomation.com/u/danielps1818)\
**Post date:** [March 25, 2025, 1:30pm UTC](https://forum.inductiveautomation.com/t/how-to-align-left-the-text-of-a-dropdown/104104/7 "2025-03-25T13:30:47Z")

</div>

I'll try

---

<div class="post-metadata">

**Author:** ![danielps1818](https://avatars.discourse-cdn.com/v4/letter/d/ecae2f/32.png) [@danielps1818](https://forum.inductiveautomation.com/u/danielps1818)\
**Post date:** [March 25, 2025, 1:34pm UTC](https://forum.inductiveautomation.com/t/how-to-align-left-the-text-of-a-dropdown/104104/8 "2025-03-25T13:34:30Z")

</div>

I just found, that enabling the search or disabling it places the text in the center or in the right ????  
Redoing the component and removing the classes did nothing.

Thanks for the help anyway I appreciate it!

---

<div class="post-metadata">

**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [March 25, 2025, 2:21pm UTC](https://forum.inductiveautomation.com/t/how-to-align-left-the-text-of-a-dropdown/104104/9 "2025-03-25T14:21:35Z")

</div>

I'd reach out to support and ask if the search option should affect text alignment.

---

<div class="post-metadata">

**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [March 25, 2025, 2:37pm UTC](https://forum.inductiveautomation.com/t/how-to-align-left-the-text-of-a-dropdown/104104/10 "2025-03-25T14:37:37Z")

</div>

FWIW, I turned off search and don't see issues with text alignment, it honors all three options.

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [March 25, 2025, 2:56pm UTC](https://forum.inductiveautomation.com/t/how-to-align-left-the-text-of-a-dropdown/104104/11 "2025-03-25T14:56:19Z")

</div>

I'm not seeing the problem in 8.1.41.  
I do see that `placeholder.text` always remains on the left.