How to handle smaller text fields when viewing on a mobile device?

serg | Posts: 18

How to handle smaller text fields when viewing on a mobile device?

Friday, January 29, 2016 at 05:24am

I have a particular document/form that has a few different fields which are of a small size, namely: date, year and state. I've created the text fields via the Java SDK as well as using the Designer and have noticed that when signing using a mobile phone, I am unable to see the text that I am entering - even with the device in a landscape orientation. I've attached an MS Word document with a sample, as well as a screenshot from an iPhone 6 in landscape mode showing that the characters are partially obscured. Are there recommended sizes for smaller two to four character data entry fields? Are there any known workarounds that I might be able to use? I tried dropdown lists, but they also have display problems on mobile. Unfortunately I'm in a highly regulated industry, so changing the actual form (and thus spacing) is not trivial.

Attachments

small_fields_example.docx12.65 KB

small_field_example_on_iPhone6_landscape.png74.53 KB

January 29 Created

January 21 Last Updated

9 years ago Last Reply

5 Replies

67 Views

2 Users

0 Likes

2 Links

Answered by harishaidary

Approved Answer

harishaidary | Posts: 1812

Reply to: How to handle smaller text fields when viewing on a mobile device?

Wednesday, February 3, 2016 at 10:57am

Using UNBOUND_TEXT_FIELD, I am also unable to see the input characters (using your document). However, I was able to get around that with

field.setStyle(FieldStyle.TEXT_AREA)

with size of 40x30 . I was able to see the input characters in both portrait and landscape orientation. See my attachments. Let me know if this works for you.

Attachments

IMG_2225.png187.27 KB

IMG_2226.png207.58 KB

harishaidary | Posts: 1812

Reply to: How to handle smaller text fields when viewing on a mobile device?

Friday, January 29, 2016 at 11:20am

Using your document that you provided, I was able to fit a two character text field in the area reserved for "State" with a size of 40x30. I was able to view the input text in both portrait and landscape mode on an iPhone 6 plus and Samsung Galaxy S5. Hope it helps!

serg | Posts: 18

Reply to: How to handle smaller text fields when viewing on a mobile device?

Wednesday, February 3, 2016 at 09:24am

Thanks for the suggestion, unfortunately it didn't seem to work in my case. I tried variations on the 40x30 size and still could not see the output on a few devices (iPhone 6, iPhone 6 Plus, Samsung S6) in both landscape and portrait orientation with both modes clipping some of the text that was entered. Here's an example code snippet: FieldValidator dateList = new FieldValidator(); exemptDate.setStyle(FieldStyle.UNBOUND_TEXT_FIELD); exemptDate.setPage(page); exemptDate.setX(418); exemptDate.setY(130); exemptDate.setHeight(30); exemptDate.setWidth(40); exemptDate.setId(new FieldId("exemptDate")); ... fields.add(exemptDate); signature.addFields(fields); doc.addSignatures(signatures); Is there some left/right justification flag that I might be missing? Here's my example (note - once the signature has been confirmed, all of the data is visible, however, while doing data entry it is clipped): https://sandbox.esignlive.com/auth?target=https%3A%2F%2Fsandbox.esignlive.com%2Fpackages%2F81004219-a8a6-4172-a002-9862e979904f%2Fsign&loginToken=Mi4xMDAwLlNSeHVYMERXTjVvPS5MeFVyZGpDakk0eFpRUzQ2TUlIWGtVZ3Arbmd2ZDhuczZFa21uaUJJR0RQL3RiRmhNSytNUklFbkYwSnM0RGtpeCt5TXI0eUdpZWs9 I've attached a couple of screenshots.

Attachments

SamsungS6_landscape.png215.22 KB

iPhone6Plus_portrait.png83.22 KB

serg | Posts: 18

Reply to: How to handle smaller text fields when viewing on a mobile device?

Thursday, February 4, 2016 at 03:13am

Great! TEXT_AREA seems to resolve the issue. Thanks again!

harishaidary | Posts: 1812

Reply to: How to handle smaller text fields when viewing on a mobile device?

Thursday, February 4, 2016 at 04:11am

My pleasure :)