character displayed in text box when filled | Community
Skip to main content
February 22, 2023
Solved

character displayed in text box when filled

  • February 22, 2023
  • 2 replies
  • 1522 views

Hello!

I have a dynamic form created with AEM Designer Forms and when it is filled in some fields display the following character in the right bottom corner of the text field:

I noticed it usually appears if the text that is being filled in has an empty space at the end or if the text has been copied from a word file and pasted back here.

Is there a way for this character to not be displayed anymore?

Thanks!

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by radzmar

The [+] symbol is an indicator of fields that there isn't enough space to display its entire content. You can't control it it's visible or not. Just make sure the fields are big enough for the content. To deal with those trailing spaces, you can use a script in the fields exit to get rid of those.

 

if (!this.isNull) { this.rawValue = this.rawValue.replace(/\s*$/g, ""); }

 

2 replies

Vijay_Katoch
Community Advisor
Community Advisor
February 22, 2023

The below reason should be for this case.

Your field is small to hold a lot of text.

Maybe you can do following:

Set its Options for multi-line,

increase the width of the text field,

or reduce the font size for the text field.

CilonXAuthor
February 22, 2023

The field is not fixed, it is configured as expand to fit and it does expand, but sometimes if you copy-paste text from word or leave an empty space at the end of the text that character is displayed.

Vijay_Katoch
Community Advisor
Community Advisor
February 22, 2023

I created a field and copied the text from word, even entering the space at the end, but not able to replicate the issue.

 

Maybe you can share your form on google drive(vkatoch07@gmail.com) with test data. I will have a look.

I hope you made the field multiline.

radzmar
radzmarAccepted solution
Level 10
February 26, 2023

The [+] symbol is an indicator of fields that there isn't enough space to display its entire content. You can't control it it's visible or not. Just make sure the fields are big enough for the content. To deal with those trailing spaces, you can use a script in the fields exit to get rid of those.

 

if (!this.isNull) { this.rawValue = this.rawValue.replace(/\s*$/g, ""); }

 

CilonXAuthor
February 27, 2023

The script works great. Thanks!