Enabling Scroll Bar in a disabled TextArea or Input Box

Rank: #13510

Enabling Scroll Bar in a disabled TextArea or Input Box

Question

Hi,

I have Textarea and as read only. I noticed scroll bar is also disabled along with it. I want to scroll and read the content. Is there any way to enable the scroll bar in a disabled Text Area. Please let me know

Thanks

Sankari

on 2019-10-02

João Branco

Rank: #9513

Sankareswari Muthiah wrote:

Hi,

Thanks

Sankari

Hi,

I think you need to know the readonly property by javasrcript or jQuery.

See next exemple: https://jsfiddle.net/Chouchen/x9RJu/

Joao Branco

on 2019-10-02

1 reply

on 2019-10-02

Show thread

Hide thread

Sankareswari Muthiah

Rank: #13510

João Branco wrote:

Sankareswari Muthiah wrote:

Hi,

Thanks

Sankari

Hi,

I think you need to know the readonly property by javasrcript or jQuery.

See next exemple: https://jsfiddle.net/Chouchen/x9RJu/

Joao Branco

Hi,

Iam actually using Input box to act as Text Area. I just set the property Enabled false. It disabled including scroll bar also. Iam not sure how to implement your solution in outsystems?. Can you pls guide me more.

on 2019-10-02

Sankareswari Muthiah

Rank: #13510

Fixed this by using Expression within a container instead of Input Box. Thanks

on 2019-10-04

4 replies

Last reply on 2019-10-16

Show thread

Hide thread

João Branco

Rank: #9513

Sankareswari Muthiah wrote:

Fixed this by using Expression within a container instead of Input Box. Thanks

Nice! :)

on 2019-10-04

Richard Pearce

Rank: #1278

Sankareswari Muthiah wrote:

Fixed this by using Expression within a container instead of Input Box. Thanks

Hi Sankareswari,

I also tried placing an expression within a container but it is not scrolling for me. How did you do it ?

Cheers, Richard

on 2019-10-09

Amit Verma

Rank: #141

Richard Pearce wrote:

Sankareswari Muthiah wrote:

Fixed this by using Expression within a container instead of Input Box. Thanks

Hi Sankareswari,

I also tried placing an expression within a container but it is not scrolling for me. How did you do it ?

Cheers, Richard

Hi Richard,

Add class in a container and apply some CSS on the Screen Level.

Please refer below screen shots

CSS Style :

div.ex1 {
  background-color: lightblue;
  width: 450px;
  height: 200px;
  overflow: scroll;
}

https://vermaamit52.outsystemscloud.com/Utilities/ScrollBarScreen.aspx?_ts=637062163151711303

Hope this will help :)

Thanks,

Amit

on 2019-10-09

Richard Pearce

Rank: #1278

Amit Verma wrote:

Richard Pearce wrote:

Sankareswari Muthiah wrote:

Fixed this by using Expression within a container instead of Input Box. Thanks

Hi Sankareswari,

I also tried placing an expression within a container but it is not scrolling for me. How did you do it ?

Cheers, Richard

Hi Richard,

Add class in a container and apply some CSS on the Screen Level.

Please refer below screen shots

CSS Style :

div.ex1 {
  background-color: lightblue;
  width: 450px;
  height: 200px;
  overflow: scroll;
}

https://vermaamit52.outsystemscloud.com/Utilities/ScrollBarScreen.aspx?_ts=637062163151711303

Hope this will help :)

Thanks,

Amit

Thanks Amit.

The answer for me was to add the 'overflow' property.

Cheers, Richard.

on 2019-10-16

José Pinto

Rank: #1353

Adding a class to the extended properties of the input box with

.unblockScroll {  
    cursor: default !important;
    pointer-events: all !important;
}

will serve as a workaround to keep using the input box and it's enabled property and avoid screen logic.

on 30th Sep

Training

Documentation

Enabling Scroll Bar in a disabled TextArea or Input Box