0

I have custom textfields that consist of only the bottom border and a left detail image, like so (my reputation isn't high enough to post images so here are permalinks):

https://41.media.tumblr.com/e34c604c3f1f4b25c63415cf5927f3b9/tumblr_nqwgy4pjPi1tupbydo1_1280.png

now the text field is just fine when the user is typing, even when its past all margins, However when the user moves on to the next textfield, the previous textfield disarranges :

https://40.media.tumblr.com/8932411ee98e839e5b9b7b9df56fe27b/tumblr_nqwgz0FxdU1tupbydo2_540.png

is there any solution to this??

MGY
  • 7,245
  • 5
  • 41
  • 74
John Durand
  • 1,934
  • 5
  • 22
  • 34

2 Answers2

0

Your problems appears to be a lack of proper constraints You should constrain the person icon vertically to the bottom of the textfield and horizontally to the left side of the textfield

Incase you don't know, you can do this by control dragging down wards.

enter image description here

then constrain vertically by selecting vertical spacing

enter image description here

if necessary, repeat for the horizontal spacing. If it is still unclear then check out this youtube video on constraints and size classes.

adrienMarsden.jpeg
  • 339
  • 2
  • 7
  • the image is added programmatically , and that still doesn't solve the issue of the text within the field, it stretches beyond the boundaries – John Durand Jul 03 '15 at 07:32
0

Turns out all i had to do was use an equal width constraint on my Text Fields. That will keep them from blowing up when there's to much text's within the boundaries.

John Durand
  • 1,934
  • 5
  • 22
  • 34