Multiline text box in main.ui

Setup, Configuration and Use Widgets
1

I need a multiline text box for showing an item’s state.
The box should have fixed height/size (eg. 20 lines) and vertically scrollable.

Has somebody any idea how to implment this for main-ui?

Thx in advance. O.

2

The height and scrolling of an element are controlled by css values, so you will have to modify the style object of the component you want to use for this. Fixing the height is easy, you just use the height property and set it to whatever height value you need. Whether an element scrolls or not is determined by the overflow property (or, if you jsut want to set the vertical scrolling, the overflow-y property:

- component: Label
  config:
    text: =@'MyItemName'
    style:
      height: 20em
      overflow-y: scroll

Would produce an element that shows you the state of MyItemName in an area roughly 20 lines tall with a vertical scroll bar that is always visible.

1 Like