Question
Evoke Technologies
IN
Last activity: 7 Apr 2021 22:20 EDT
Label when table is converted to list in mobile is not getting wrapped.
We are using table in a section and added breakpoint in the format of the table to transform it to list in mobile.
Large column heading of the the table are not getting wrapped in the list.
Any idea on how to wrap the label.
Thanks
Sravya
Pegasystems Inc.
IN
For column's label-> open the properties panel -> Under Presentation -> check "Wrap text" and "Break long word".
Evoke Technologies
IN
Hi Tashika,
"Wrap Text" and "Break Long Word" are already checked and the label is getting wrapped in table format as well.
But it is not getting wrapped when it is converted to list in mobile or tablet.
Thanks
Sravya
Evoke Technologies
IN
When the table is converted to list in tablet, data in right hand side column in getting wrapped but label in left hand column is not getting wrapped.
I have tried the below css in userworkfrom, but still the label is not getting wrapped
@media screen and (max-width: 768px) div.default .grid-responsive-default #gridBody_right .gridTable tr.cellCont td.gridCell { white-space: normal; word-wrap: break-word; }
Please suggest any other changes to wrap the label
Pegasystems Inc.
IN
Can you inspect the label in left side of the table and check the CSS in the broswer debugger? Share the screen print here.
Also, to resolve the issue place the below css in the required cell's inline style field, inside advanced presentation options: "word-break:break-all;white-space:normal"
Evoke Technologies
IN
I tried "word-break:break-all;white-space:normal" in inline style field, but still label did not get wrapped.
I have attached CSS of the label. Can you suggest any other approach.
Thanks
Sravya
Pegasystems Inc.
IN
I would suggest you raise a INC for this as this would need debugging and testing of different workaround.