Question
TECHMAHINDRA
IN
Last activity: 11 Jul 2019 2:53 EDT
Text Area Border not Visible in Firefox and IE Browsers
Hi All,
We are using the text area control as part of our development. On focus the border of the text area is not visible in the IE and Mozilla Firefox browsers. This looks odd in the UI. Also size of the text area varies with the browser. However, it is fine in the Chrome.
Can someone help me to resolve this? Please find the attachment for your reference.
Thanks in advance
Regards
Madhuri Patchipulusu
Pegasystems Inc.
IN
Hi,
Could you please check with the OOTB skin once.
Or
Try checking in UI gallery
DesignerStudio-> UserInterface ->Gallery -> Elements->Text Area
If you are facing same issue there ,try placing below css in the userWorkForm rule
<style>
.TextAreaContainer .textAreaExpandStyle textarea, .TextAreaContainer_DV textarea{
border-right:1px solid #CCCCCC !important;
}
</style>
TECHMAHINDRA
IN
Hi
Thanks for your response. Control is working fine in UI gallery, but not replicated while running the flow.
Pegasystems Inc.
IN
1.Try comparing the application skin and OOTB skin ,there might be some changes in your application skin.
Also try removing the custom css files that you have added to your application and check the behavior.
Pegasystems Inc.
IN
Hi ,
Keep the below code in the userworkform:
<style>
.TextAreaContainer .textAreaExpandStyle TEXTAREA, .TextAreaContainer_DV TEXTAREA {
border-radius: 2px;
transition: all .2s ease-out;
-moz-border-left: 1px solid #CCCCCC;
-moz-border-top: 1px solid #CCCCCC;
-moz-border-right: 1px solid #CCCCCC;
-moz-border-bottom: 1px solid #CCCCCC;
}
.ie .TextAreaContainer .textAreaExpandStyle TEXTAREA, .TextAreaContainer_DV TEXTAREA {
border-radius: 2px;
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}
<style>
Pegasystems Inc.
US
Does the issue occur when you point your application to the OOTB skin?