How To write control to show more than 30 lines of description in a column (of Repeating Grid)
Hi All,
Can anybody help me in implementing the below requirement.
We have a business requirement where we need to show more than 30 lines of description in a column of repeating grid,in such a way that initially it should display only 1 to 2 lines followed by ... and on mouse hover (or) on cursor it should display all description (complete 30 lines ).
For Example : Please help me in this implementation... (and on mouse hover (or) on cursor it should display remaining text)
Thanks in Advance !
Swathi
Accepted Solution
Pegasystems Inc.
US
What if you have two variations of your property. One with the full value, and another with the truncated version. Then you can display your truncated version within the grid and configure an OnHover event and show a smart info or overlay to display the rest?
Pegasystems Inc.
IN
Hi Naga,
There is a way to display a scrollbar for a column within the grid in case the content to be displayed is long. You can refer the Support article : https://community.pega.com/support/support-articles/unable-read-long-messages-assignments-task.
Hope this helps!
Regards,
Evita.
Genpact
IN
Hi Evita,
Thanks for your reply.
But Scrollbar is not part of our requirement.We want the action to be happened on hover event by displaying only 2 lines in the grid followed by '..'
Thanks & Regards
Swathi
Accepted Solution
Pegasystems Inc.
US
What if you have two variations of your property. One with the full value, and another with the truncated version. Then you can display your truncated version within the grid and configure an OnHover event and show a smart info or overlay to display the rest?
Virtusa
IN
Hi Naga,
Try out with below code in custom control
<%String DisplayString = tools.getActiveValue();
String DisplayString1 = DisplayString .substring(0,25)+"....";
%>
<%=DisplayString1%>
<input data-ctl="["TextInput"]" id="pyDescription" type="text" value=""+DisplayString+"""name="$PTEMPG$ppyDescription" class="leftJustifyStyle" data-hover="[["processAction", ["Sampletext","overlay",":event","","Rule-HTML-Section",""]]]" onmouseover="pega.c.cbe.processBehavior(event, "data-hover")">
(Sample for TextInput)