I have a Textarea item which in its "HTML Form Element Attributes" has style="width: 132px;".

The source is "Database Column".

There is a Read only condition.

The problem is that sometime the value of the field is a loooooong string of characters without any spaces (only comma separates values). So, when the "Read only" condition is met, the width of the page go a lot more than the screen because of that item.

I was hoping than using some HMTL code in "Read Only Element Table Cell(s) Attributes" will correct the display like this:
width:132px; word-wrap:break-word;

I have a Textarea item which in its "HTML Form Element Attributes" has style="width: 132px;".

The source is "Database Column".

There is a Read only condition.

The problem is that sometime the value of the field is a loooooong string of characters without any spaces (only comma separates values). So, when the "Read only" condition is met, the width of the page go a lot more than the screen because of that item.

I was hoping than using some HMTL code in "Read Only Element Table Cell(s) Attributes" will correct the display like this:
width:132px; word-wrap:break-word;

But, it doesn't do anything.

What should I do?

"Attributes" means exactly that: specify HTML attributes for the element. In this case you want to add in-line styling so you have to actually include a <tt>style</tt> attribute in full: