Expand my Community achievements bar.

Enhance your AEM Assets & Boost Your Development: [AEM Gems | June 19, 2024] Improving the Developer Experience with New APIs and Events
SOLVED

character displayed in text box when filled

Avatar

Level 2

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:

Untitled1.png

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!

1 Accepted Solution

Avatar

Correct answer by
Level 10

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, "");
}

 

View solution in original post

6 Replies

Avatar

Community Advisor

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.

Avatar

Level 2

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.

Avatar

Community Advisor

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.

Avatar

Level 2

Sadly i cannot share the form but i think that this would go away if i could find a way to remove empty spaces from the begining and the end of the text when the text field box is exited.

Avatar

Correct answer by
Level 10

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, "");
}