Text area control issue post upgrade to Pega7
We are having a blocker issue with Text Area control. Wrap Test check box is not available in one application. For the same control in other app Wrap Test check box is available.
**Moderation Team has archived post**
This post has been archived for educational purposes. Contents and links will no longer be updated. If you have the same/similar question, please write a new post.
Create a New Css Rule and Add that in to your Skin Rule in the CSS rule write the following CSS class
/*Wrap Words*/
.WrapWord{
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap !important; /* Opera 4-6 */
white-space: -o-pre-wrap !important; /* Opera 7 */
white-space: pre-wrap !important; /* css-3 */
word-wrap: break-word !important; /* Internet Explorer 5.5+ */
white-space: -webkit-pre-wrap !important; /* Newer versions of Chrome/Safari*/
word-break: break-all;
white-space: normal;
width: 200px !important;
}
the add the class in to your text Input or Text Area.
Hello Amilshihan,
Since the dynamic layout is auto wrapped, canyou please share your requirement why you need to force the wrap text via CSS.
These kind of customization will lead in to many problem during future upgrade / update.
The root cause of this issue is the usage of free form layout. Please convert all the free form layouts to Dynamic Layout.
The text area control present inside the Dynamic layout will not have Wrap Text option, since this control inside Dynamic Layout will be auto wrapped up by default.
The below solution is not recommended.
à Create a new style for text area control in skin. (say textAreaNew)
à Apply the new format to the text areas where we want word wrap.
à add below css in the custom css file.
.textAreaNew {
white-space: pre-wrap;
word-wrap: break-word;
}