48
Views
6
Comments
Solved
Hover functionality for text area field
Application Type
Reactive

Hi, 

I have text area field which is 3000 char in length, what i want is while hovering over this field the user should be able to see the whole text, since text line i gave is 3. Scrollbar comes which is okay but when it is disabled user can not see the whole text.

So we need hover functionality in both cases even if it is enabled or disabled.

Please see the attached oml for your reference.


Thanks

Shivangi

TextAreaCSS.oml
2025-07-28 06-45-20
Rupesh Patil
Solution

Hi @Shivangi Thakur 

I have attached oml file below

Enable only the scrollbar and disable the text area. 

I hope this help for you

Thanks

TextAreaCSSNew.oml
2025-07-22 10-30-27
Mandar Deshpande

This worked for me as well, thank you.

2026-01-28 16-57-48
Mihai Melencu
Champion

Hi @Shivangi Thakur ,

You can set the title attribute on the text area and assign it the value of TextVar. 

Result:

I’d also recommend exploring an alternative approach, as tooltips aren't typically intended for displaying such large amounts of content, they're generally designed for short, concise information. 

TextAreaCSS.oml
2019-03-12 12-28-20
Shivangi Thakur

Hi,

This works but as you said for long text its not working, can you suggest some alternative?

2026-01-28 16-57-48
Mihai Melencu
Champion

Hi, what I would do is implement a "View All" button that will display the entire text in a popup. I attached an OML for reference.

TextAreaCSS_updated.oml
2025-07-28 06-45-20
Rupesh Patil

hi @Shivangi Thakur 

You can add title attribute and pass value or add CSS 

.form-control[data-input][disabled], .form-control[data-textarea][disabled] {

    pointer-events: unset;

}

I hope this helps

Thanks


2025-07-28 06-45-20
Rupesh Patil
Solution

Hi @Shivangi Thakur 

I have attached oml file below

Enable only the scrollbar and disable the text area. 

I hope this help for you

Thanks

TextAreaCSSNew.oml
2025-07-22 10-30-27
Mandar Deshpande

This worked for me as well, thank you.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.