How to add horizontal scroll in html text box

Like (0) Share

Report

Posted on 12 Jun 2023 18:13:59 by mahalakshmij_03

Hi All,

When the data content gets increased in the "html text" box, expecting the horizontal scroll bar to be enabled at the bottom. Currently having Vertical scroll that comes automatically.

Please suggest some solution.

Thanks,

Maha

Categories:

General Questions

All responses (4)

Answers (0)

mahalakshmij_03 32 on 19 Jun 2023 at 12:14:36

Like (0)

Report

Re: How to add horizontal scroll in html text box

Its works only with word wrap is false.. All text comes in a single line with horizontal scroll.

Thanks for the reply.. Currently I just go with the default vertical scroll.

Regards,
Maha
HectorOlivos 411 on 12 Jun 2023 at 19:59:07

Like (0)

Report
Re: How to add horizontal scroll in html text box

You can try in the html property:

HtmlText = Concatenate("<div style='width: 100%; white-space: nowrap; overflow-x: scroll;'>", TextInput1.Text, "</div>")
mahalakshmij_03 32 on 12 Jun 2023 at 19:06:45

Like (0)

Report
Re: How to add horizontal scroll in html text box

Hi, Thanks for replying.

In which Property, I should apply this.
"<div style='width: 100%; white-space: nowrap; overflow-x: scroll;'> Text Here </div>"
Currently in the "HtmlText" property, I placed "TextInput1.Text".
Whatever i type in the TextInput "text box" it will come in this htmltext box.
HectorOlivos 411 on 12 Jun 2023 at 18:34:09

Like (1)

Report
Re: How to add horizontal scroll in html text box

The HTML control supports only a limited set of HTML tags.

Can you try with this:
"<div style='width: 100%; white-space: nowrap; overflow-x: scroll;'> Text Here </div>"