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.
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.
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.
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?
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.