Support Article
Strategy test run panel shows some values right adjusted
Summary
In the Pega Marketing portal, on running a test on the Test Run panel of a Strategy, the content of the panel is not wrapped. That is, some of the data does not display if there are long values without spaces.
The Issue and Group name fields appear blank because the values are aligned to the right and are visible only on scrolling to the right.
Error Messages
Not Applicable
Steps to Reproduce
- Create a blank Strategy.
- Import Proposition data.
- Select any issue.
- Set the Property shape and set a long value to the out-of-the-box pyTreatment property.
- Test the Strategy.
Root Cause
The word-break: normal style was applied. Hence, long text was not Word Wrapped.
The issue occurred due to the marketing-studio-global-overrides CSS rule.
The following style on Line 153 – 155 (in PegaMKT-Portal:08-01-01 version) set the word-break style displayed above.
[pyclassname="Embed-Decision-StrategyTestResult"][data-node-id="pyTestResultProperties"] .wrapText.wordBreak {
word-break: normal;
}
In the PegaMKT-Portal:08-02-01 ruleset, this was updated with the below code:
/* Set normal word breaks with hyphenation for the label column of test results - this prevents unnatural linebreaks mid-word */
[pyclassname="Embed-Decision-StrategyTestResult"][data-node-id="pyTestResultProperties"] tr.cellCont>td.wrapText.wordBreak:nth-child(1) {
word-break: normal;
-ms-hyphens: auto;
hyphens: auto;
}
/* This unofficial value lets webkit-based browsers break long values more naturally, where possible (e.g., on spaces or hyphens) */
/* Sadly no IE/Edge or Firefox equivalent; instead rely on the existing "word-break:break-all" from platform CSS */
.wk [pyclassname="Embed-Decision-StrategyTestResult"][data-node-id="pyTestResultProperties"] tr.cellCont>td.wrapText.wordBreak:nth-child(2) {
word-break: break-word;
}
Resolution
Update to Pega Marketing 8.2 if custom CSS does not override the Pega out-of-the-box application.
As a local-change, customize the marketing-studio-global-overrides CSS which is available.
Alternatively, to avoid customization of the out-of-the-box Pega version, use a separate custom CSS attached to the skin or the UserWorkForm HTML fragment to implement the changes.
Tags:
Published August 19, 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.