Expand my Community achievements bar.

Join expert-led, customer-led sessions on Adobe Experience Manager Assets on August 20th at our Skill Exchange.

Mark Solution

This conversation has been locked due to inactivity. Please create a new post.

SOLVED

In editable fields i am facing overlapping issue

Avatar

Level 1

For editable fields i am taking textfield  and trying to give data too much means it is trying to overlapping besides objects.

 

WhatsApp Image 2023-06-08 at 7.20.12 PM.jpeg

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Seems like you are using a textfield with a text object. If the user enters the data inside the text field then it will overlap with the text object. You need to give enough space for the textfield for the data entered by the user. It will behave like this only.

 

To enter dynamic data inside the text object there is an object called a floating field, in which you can map data in data binding but it's not user-entered.

 

One workaround would be like taking a floating field with textfield and on exit event of textfield, hiding the textfield and setting the data of textfield in the floating field.

In this scenario user will not be able to edit the field again.

 

Or use below, in this case user can edit the data again:

 

floatingField.rawValue = this.rawValue;
this.rawValue ="";

 

2.JPG1.JPG

View solution in original post

2 Replies

Avatar

Correct answer by
Community Advisor

Seems like you are using a textfield with a text object. If the user enters the data inside the text field then it will overlap with the text object. You need to give enough space for the textfield for the data entered by the user. It will behave like this only.

 

To enter dynamic data inside the text object there is an object called a floating field, in which you can map data in data binding but it's not user-entered.

 

One workaround would be like taking a floating field with textfield and on exit event of textfield, hiding the textfield and setting the data of textfield in the floating field.

In this scenario user will not be able to edit the field again.

 

Or use below, in this case user can edit the data again:

 

floatingField.rawValue = this.rawValue;
this.rawValue ="";

 

2.JPG1.JPG

Avatar

Level 10

There's another method with floating fields, which you can edit directly in the static text. 

https://web.archive.org/web/20101124093614/http://blogs.adobe.com:80/formfeed/2010/09/editable-float...