Scroll bar does not display properly in Dashboard
I want to display the customized Report Definition at all operators' Dashboard of Case Manager.
So, I replicated "pyUserDashboardTemplateRightColumn" and configured it.
When I modified the dashboard by using Case Manager, the scroll bar displayed properly in customized report definition like "Report 1" of attached screenshot.
However, the scroll bar did not display properly in customized report definition like "Report 1" of attached screenshot, when I modified the dashboard by configuring "pyUserDashboardTemplateRightColumn".
What should I do to display the scroll bar?
***Updated by moderator: Lochan to add Categories***
Accepted Solution
EY Advisory & Consulting Co., Ltd.
JP
Hi,
Thank you for your kind support.
I have resolved this issue by creating a section whose settings is dashboard widget.
Thank you,
Pegasystems Inc.
IN
Hi KoheiM19,
Thanks for writing to PSC.
Kindly inspect the RD and add below CSS to the DOM element:
{
overflow:scroll;
}
Once you are able to get the scrollbar, kindly update the same in skin or add this style in userWorkForm.
Hope this helps or let me know if any other details are required.
Thanks:
Gurpreet
EY Advisory & Consulting Co., Ltd.
JP
Hi Gurpreet,
Thank you for your reply.
I followed your instruction, but I couldn't resolve this issue.
I uploaded attachments to show you my configuration. Please check them and tell me how to configure it if my configuration is wrong.
Best Regards,
Pegasystems Inc.
IN
Hello KoheiM19,
From the ss2.jpg, i see that the css style is added to the Dynamic Layout.
Using browser's developer tool identify the div element.
1) Create your own Style sheet (say MyStyles.css) and call this in the harness in question on 'Scripts and Styles' tab.
2) Write below code in MyStyles.css rule
div#HARNESS_CONTENT.harnessContent{
//background-color:green;
width:auto;
Hello KoheiM19,
From the ss2.jpg, i see that the css style is added to the Dynamic Layout.
Using browser's developer tool identify the div element.
1) Create your own Style sheet (say MyStyles.css) and call this in the harness in question on 'Scripts and Styles' tab.
2) Write below code in MyStyles.css rule
div#HARNESS_CONTENT.harnessContent{
//background-color:green;
width:auto;
height:auto;
overflow:auto !important;
}
Refer Support Article to identify the div element.
I hope this helps.
Regards,
Rincy
EY Advisory & Consulting Co., Ltd.
JP
Hi Rincy,
Thank you for your kind support.
Actually, I was able to display a scroll bar at a Dashboard widget which was customized.
I configured the layout property of table (whose source is report definition) as described below. (refer to "screenshot1")
・Width of content:Pixels (Fit Content)
・Responsiveness:unchecked
However, I have another problem.
When I clicked the page link (pyGridPaginator), pyGridPaginator and the scroll bar disappeared. (refer to "screenshot2" and "screenshot3").
How do I resolve this problem?
Best Regards,
Pegasystems Inc.
IN
Hello KoheiM19,
The changes suggested by Rincy is for complete harness i don't think that is required.
You may need to use Dom explorer and check how much width the Rd section is taking and is the style overflow 'overflow:hidden ' is applied on that element.
If applied you may need to give as below
.class{
overflow-x:scroll;
}
Regards,
Durga
Accepted Solution
EY Advisory & Consulting Co., Ltd.
JP
Hi,
Thank you for your kind support.
I have resolved this issue by creating a section whose settings is dashboard widget.
Thank you,