How to align left the text of a dropdown

Ignition
,
1

Hi!

My current problem:

image
image112×137 2.05 KB

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

Thanks in advance!

2

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.)

3

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

4

I have 8.1.38

5

Sala and Inicio are both labels.

Orden:

[
  {
    "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": {}
  }
]
6

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).

7

I'll try

8

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!

9

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

10

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

11

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