Support Article
UI chart does not load
SA-85286
Summary
Post upgrade to Pega Platform 8.2.2, the UI chart does not load.
Error Messages
Not Applicable
Steps to Reproduce
- Upgrade Pega Platform 7.4 to Pega Platform 8.2.2.
- Configure a dynamic layout such as, table-30-70 and table-70-30.
- Include a chart in table-70.
- Include a label or text in table-30.
- Launch the portal.
Root Cause
An issue in the custom application skin.
Resolution
Perform the following local-change:
- Remove the dynamic layout (provided for spacing).
- Check the Reserve space checkbox in the Chart Presentation tab.
- Add the below code in the UserWorkForm:
<style>
div[node_name="PATReportsWidget_1"] .content-item.content-layout.item-1.remove-top-spacing.remove-left-spacing.flex.flex-row {
margin: 0px 0px 0px 0px !important;
min-height: 0px !important;
}
div[node_name="PATReportsWidget_1"] .layout-content-inline_30_70_table > .item-1{
margin-top:23px !important;
}
div[node_name="PATReportWidget_2"] .layout-content-inline_70_30_table > .item-2{
margin-top: 20px !important;
}
div[node_name="PATReportWidget_2"] .content-item.content-layout.item-2.remove-top-spacing.remove-right-spacing.flex.flex-row {
margin: 0px 0px 10px 0px;
min-height: 0px;
}
div[node_name="PATReportWidget_2"] .layout-content-inline_70_30_table > .item-2 .remove-all-spacing.dataValueWrite{
padding: 26px 0px 26px 0px;
}
div[node_name="PATReportWidget_5"] .content-item.content-layout.item-1.remove-top-spacing.remove-left-spacing.flex.flex-row,
div[node_name="PATReportWidget_5"] .content-item.content-layout.item-2
{
margin: 0px 0px 0px -5px !important;
min-height: 0px !important;
}
div[node_name="PATReportWidget_3"] .content-item.content-layout.item-1.remove-top-spacing.remove-left-spacing.flex.flex-row,
div[node_name="PATReportWidget_3"] .content-item.content-layout.item-2.remove-bottom-spacing.remove-right-spacing.flex.flex-row {
margin: 0px 0px 10px 5px;
min-height: 0px;
}
div[node_name='PATReportsSection'] > .layout > .layout-body > .content > .content-item.content-layout.item-1.flex.flex-row,
div[node_name='PATReportsSection'] > .layout > .layout-body > .content > .content-item.content-layout.item-2.flex.flex-row{
margin: -15px 0px 0px 0px !important;
}
div[node_name="PATReportWidget_3"] .item-1 > .layout.layout-noheader.layout-noheader-case_secondary_content{
background-color: #f2f2f2;
}
</style>
Published August 15, 2019 - Updated December 2, 2021
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.