Question

5
Replies
347
Views
abdul qaadir (abdulq95)
JP Morgan

JP Morgan
US
abdulq95 Member since 2014 20 posts
JP Morgan
Posted: April 25, 2017
Last activity: May 18, 2017
Posted: 25 Apr 2017 17:34 EDT
Last activity: 18 May 2017 11:40 EDT
Closed
Solved

IE: Text area appears with horizontal scroll bar

Hi,


My application was upgraded from PRPC 62sp2 to Pega72.


We are using text area control which on entering data wrap next line with veritcal scroll bar in Firebox. however in IE it gives horizontal scroll and makes data entry annoying.


Script:

Hi,

My application was upgraded from PRPC 62sp2 to Pega72.

We are using text area control which on entering data wrap next line with veritcal scroll bar in Firebox. however in IE it gives horizontal scroll and makes data entry annoying.

Script:

<pega:choose>
<pega:when test="$mode-input">
<SPAN nowrap>
<pega:include name="Messages"/>
<TEXTAREA SPELLCHECKENABLED="true" <pega:include name="ClientValidation"/> id="<pega:reference name="$THIS-DEFINITION(pyPropertyName)<%=indx%>" />"
name="<pega:reference name="$this-name" />"
style="border:1px solid #666666; height:60px;width:<pega:reference name="$save(strWidth)" />px; color: #333333; font-family: Arial; overflow:auto; " onpaste="return maxLengthPasteSingle(this,'<p:r n="Param.MaxLimit"/>','<%= indx %>')"
onkeyup="MaxLengthSingle(this,'<p:r n="Param.MaxLimit"/>','<%= indx %>')" oncut="checkCut(this,'<p:r n="Param.MaxLimit"/>','<%= indx %>')" onmousedown="checkMouseDown()" ><pega:reference name="$this-value" mode="normal" /></TEXTAREA>
</SPAN>
</pega:when>

<pega:otherwise>
<TEXTAREA SPELLCHECKENABLED="true" <pega:include name="ClientValidation"/> id="<pega:reference name="$THIS-DEFINITION(pyPropertyName)" />"
name="<pega:reference name="$this-name" />"
style="border:1px solid #666666; height:60px;width:<pega:reference name="$save(strWidth)" />px; background:#E8E8E8; color: #333333; font-family: Arial; overflow:auto; "

<pega:reference name="$save(overflowStyle)" />" readonly ><pega:reference name="$this-value" mode="text" /></TEXTAREA>
</pega:otherwise>
</pega:choose>

In IE:

In Firefox

What i have tried?

max-width: 100%;
    overflow-x: hidden;overflow-y: scroll;

Please share your thoughts.

***Moderator Edit: Vidyaranjan | Updated Categories***

User Experience
Moderation Team has archived post, This thread is closed to future replies. Content and links will no longer be updated. If you have the same/similar Question, please write a new Question.