115
Views
4
Comments
How do I display long text in a table?
Question

I have a long text in a table within one column, and I don't want to display the full text

How do I display full text in a table? Any ideas?

2020-06-04 07-36-47
Ajay Dadhich

Hi @gopal ks ,

There are several approaches to address this issue. Here is a list of options:

  1. Truncate Text with a "Read More" Link
    Display only a portion of the text in the table, such as the first 50-100 characters. Add a "Read More" link that, when clicked, shows the full details.

  2. Use a Tooltip or Popover
    Display the first 50-100 characters and show the remaining details in a tooltip or popover when hovered over.

  3. Expandable Row
    Display the first 50-100 characters in a row. Add a "More" link that, when clicked, expands the row to show the full details.

  4. Modal Popup
    Add a button for the description. When clicked, this button opens a popup that displays the full text.

I hope this helps. If you have any further concerns or questions, please let me know.

Thanks

2024-04-18 08-00-54
Mayur Shrirame

Hi Gopal,

You can make use of text ellipsis, which is present in Outsystems UI -> Utilities -> Text ellipsis.


Regards,

Mayur

text-ellipsis.PNG
2024-05-14 06-52-28
Srigovindh-EONE

Hi gopal 

 Your Requirements  Not clear, I understand that you need to show only a limited text others should be hided, you can show that with tooltip With Substring function in a table column expression you can achive that, for example, if (Length(value) > 10, Substr(value, 0, 10), value), to reduce the length of the value, drag and drop the if condition to check if the length of the value is greater than 10. (max charters you can choose)

 

If true, it means drag and drop the tooltip inside the content, give the expression as "..." and assign the value to tooltip.

If false, show nothing. 

Click This to Check

  refer oml

table.oml
2022-12-30 09-46-57
Deepika Patel

Hi @gopal ks,

As per my understanding, you want to display the full text in that particular column. If its true, just add the CSS "word-break: break-word;" on the container of the text.

Hope this helps!

Thanks

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