Question
VIRTUSA
IN
Last activity: 30 Nov 2018 18:34 EST
The text in the Paragraph rules is not warped when we used it in IE browser
The Paragraph rule not functioning properly with different browsers. The text in the paragraph is not wrapped when we used IE browser and when we used Google chrome wrapping is happening for continueous line not to the next line in the test of paragraph rule. Paragraph rule not responsive one when we are changing the zoom size of the browser.
Its looks like weired behavior of the sysem with different browsers. So its looks like bug from product end.
If any one see this kind of behavior please add a note on this.
For more clarifications please find attachment with screent shots.
Accepted Solution
Pegasystems Inc.
US
Hi,
I think you must be using paragraph under a dynamic layout. Under presentation tab there will be layout mode.
Select Legacy Code and run the use case. This should resolve the issue.
Regards,
Rachit
EPAM Systems, Inc.
ES
Hi Chiranjeevi,
Thanks for posting on PSC,
I tried replicating the above scenario in Pega 7.3.1 for Chrome as well as IE 11 browser.
In IE11, wrapping of the text was happening as expected when zoomed in/out of paragraph rule. Refer below:
Responsive in Chrome:- It was responsive in Chrome as well,
Try with OOTB rules,
Hi Chiranjeevi,
Thanks for posting on PSC,
I tried replicating the above scenario in Pega 7.3.1 for Chrome as well as IE 11 browser.
In IE11, wrapping of the text was happening as expected when zoomed in/out of paragraph rule. Refer below:
Responsive in Chrome:- It was responsive in Chrome as well,
Try with OOTB rules,
Navigate to, Designer Studio->User Interface->Gallery->UI Elements->Rich Text Editor(Open View Design Time Configuration on top right corner link). Replace RTE with a paragraph control referenced with Paragraph rule for example. Configure Wrap Text on Presentation of control and observe if the issue is occurring.
Share with us your observation.
Also, try local changes:-
1. Edit Option, if placed.
- Set the 'set Height' property to "set to content" [in the first section].
- Checking 'wrap text' checkbox.
- Set 'Edit Options' property to "Auto".
2. Try using word-wrap:break-word;white-space:normal; in the cell inline style under Advance Presentation Option of Presentation tab of control.
Hope it resolves the issue at your end, kindly notify by marking this post as answered.
Regards,
Asif
VIRTUSA
IN
Thanks for your answer.
We were using Pega v7.2.1
1. Edit Option, if placed.
- Set the 'set Height' property to "set to content" [in the first section].
- Checking 'wrap text' checkbox.
- Set 'Edit Options' property to "Auto".
2. Try using word-wrap:break-word;white-space:normal; in the cell inline style under Advance Presentation Option of Presentation tab of control.
Point - 1:- Optios are not there because its v7.2.1
Point -2:- I have already tried with this option no luck.
If posible check it in v7.2.1 with different browsers.
Thanks
Accepted Solution
Pegasystems Inc.
US
Hi,
I think you must be using paragraph under a dynamic layout. Under presentation tab there will be layout mode.
Select Legacy Code and run the use case. This should resolve the issue.
Regards,
Rachit
VIRTUSA
IN
Thanks for your reply.
We were using pega v7.2.1
I don't see these options in Pega v7.2.1, may be these were in Pega v7.3.1.
Try to check this in Pega v7.2.1 with different browsers.
Thanks,
Pegasystems Inc.
US
I was able to reproduce the issue in IE. There seems to be known problems in IE when it comes to Flex-box. Therefore, I used inline block as Layout mode for Dynamic layout and it rectified the issue. 
Now, it is working as expected at my end. Please verify and confirm.
Regards,
Rachit
VIRTUSA
IN
Thanks for your response.
The change what you have suggested is working fine. But here i have mentioned to two points.
1. Wrapping is not happened with IE.
2. Wrapping is happening with Chrome, but it is happening for only single line text in the paragraph. If paragraph contains two line then its not dynamicaly ajusting. Means its separately wrapping.
So my question here is like, if we have lengthy text to display then we will not show whole text in one line right. we will breake that text in to two or three lines. So in this situation how system should behavous. The same behavior is there with IE also.
If those two lines are giving different meaning then there is no problem. bcz those two line wrapping will happen separately.
So are we have any solution to even though the text broken in two lines?
Thanks,
Pegasystems Inc.
US
At my end after selecting inline-block as Layout Mode in DL it is working for me in both IE and Chrome. If you have a paragraph that is nested inside many DL, you should apply this setting to the innermost DL (inline-block as Layout Mode) containing the paragraph. Also, what I failed to understand what you meant by Single Line Text/Length Text. Can you please elaborate.
Pegasystems Inc.
US
Is there a solution for 7.4 for this issue? 7.4 doesn't have the inline-block as an option and changing to legacy code doesn't do the trick.
Thanks,