Hi
sample could not be compiled.
Error in IB_DESIGNABLE in JVFloatLabeledTextField.h ( unknown type name).

Hi,

JVFloatLabeledTextField is not working quite well inside a UITableViewCell on iOS 7 devices. When I type a long text inside the text field and it reaches it's right end and you continously type, the text is not being shown there. It is not being scrolled. I don't know how to explain better, but I hope it's clear:).

Here is a link to the test project: http://www.hightail.com/download/OGhkSmJ6RndHa1BtcXRVag

JVFloatLabeledTextView placeholder text appears in 2 line when it is used in tableviewCell

Initially it works fine. when we remove the text from textview it becomes 2 lines, and after that never resets itself.
PFA of issue below :

I have this code:

let txtField = JVFloatLabeledTextField(frame: CGRect(x: 20, y: 50, width: 200, height: 30))
        txtField.placeholder = "Just a simple test"
        txtField.floatingLabelTextColor = UIColor.lightGrayColor()
        txtField.floatingLabelActiveTextColor = UIColor.redColor()
        self.view.addSubview(txtField)

        let txtField2 = JVFloatLabeledTextField(frame: CGRect(x: 20, y: 100, width: 200, height: 30))
        txtField2.placeholder = "Just a simple test 2"
        txtField2.floatingLabelTextColor = UIColor.lightGrayColor()
        txtField2.floatingLabelActiveTextColor = UIColor.redColor()
        self.view.addSubview(txtField2)

And this is the result:

I think there's a bug in how the class shows / hides the placeholder label. I noticed that the label was showing up on initial load even if the text view's text was not empty.

The code in question was this:

- (void)setText:(NSString *)text
{
    [super setText:text];

    self.placeholderLabel.alpha = [self.placeholderLabel.text length] > 0 ? 1.0f : 0.0f;
}

It seems to be checking if the placeholder label's text is > 0 or not, when it should be checking the text view's text length? I changed it to something long the lines of this example and now it appears to function properly:

- (void)setText:(NSString *)text
{
    [super setText:text];

    self.placeholderLabel.alpha = [self.text length] == 0 ? 1.0f : 0.0f;
}

I am getting crashes on any iOS version older than 7.x. It looks like the crashes are caused by setTintColor since the function was not part of UITextField until iOS 7. The offending code block is:

- (void)setLabelActiveColor
{
    if (self.floatingLabelActiveTextColor) {
        _floatingLabel.textColor = self.floatingLabelActiveTextColor;
    }
    else {
       _floatingLabel.textColor = self.tintColor;
    }
}

If I use UITextField.leftView to show an indicator or something the floating label's X coordinate is wrong since its not accounted for when its being calculated.

But there is a bug when I try to use it with swift in Xcode 6 beta3. I try to use SWRevealViewControllerSeguePushController in Storyboard. And the animation happened when i actually select a row in the menu. The result is the bar buttons in navigation bar are off. Both the right and left.

The floatingLabelYPadding property is declared as an NSNumber, and it appears to only be used when setting the floatingLabel's frame.

@Property (nonatomic, strong) NSNumber * floatingLabelYPadding UI_APPEARANCE_SELECTOR;

_floatingLabel.frame = CGRectMake(_floatingLabel.frame.origin.x,
_floatingLabelYPadding,
_floatingLabel.frame.size.width,
_floatingLabel.frame.size.height);

CGRects expect CGFloat, so when I first started to experiment with the project (in both Xcode 5 and the new beta) I was receiving a "Passing 'NSNumber *__strong' to parameter of incompatible type 'CGFloat' (aka 'double')" error at compile-time.

A quick fix for this would be to declare the padding property as a CGFloat instead:

@Property (nonatomic) CGFloat floatingLabelYPadding UI_APPEARANCE_SELECTOR;

Is there a reason why it is an NSNumber, or if you'd welcome it I could submit a pull request.

Awesome design though, love the concept!

Would be great to visually show that a field is required or optional other than (optional) appended to the label, right? Perhaps a question for the original designer?

It would be awesome if we could get this to work when placing a textfield in Interface Builder.

Thanks for the consideration.

Hi guys, I'm having some problems with the alignment of TextView's text and placeholder since I updated from version 0.0.8 to 0.0.9, did somebody notice it as well? TextFields still work as expected, though. I am sorry but I didn't look deeper into it yet.

When I am editing the label there is no problem, but when I go to another textfield the label suddenly goes down. I only have bigger font and a tableview compared to the example you have provided.

Would be great to have iOS 6 support with this as well since 11% of devices are using iOS 6 still.
https://developer.apple.com/support/appstore/

When I use the TextField I can send resignFirstResponder to my instance, in the -(BOOL)textFieldShouldReturn:(UITextField *)textField method of the UITextFieldDelegate protocol.

When I am using the TextView, however, there is not an equivalent in the UITextViewDelegate protocol so what would be the best way to dismiss the keyboard?

The demo project doesn't allow me to dismiss the keyboard either.

Hi.

Is it possible to add JVFloatLabeledTextField to a project using CocoaPods?

when clear textView's text by

textView.text = nil;

textView's floating label didn't hidden and placeholder didn't shown.

when assign textView's text by

textView.text = @"Hello World!";

textView's floating label didn't shown and placeholder didn't hidden, placeholder under the text "Hello World!"

But textField always works well, i found when clear or assign textField's text, textField will invoke method layoutSubviews, textView didn't invoke. That's reason.

I solved the problem by overriding textView's setText: method

- (void)setText:(NSString *)text
{
    [super setText:text];

    [self layoutSubviews];
}

when set textView's text invoking layoutSubviews, then textView works well.

Right now, just dropping it into a Storyboard has it working like an ordinary UITextField, can it be modified with sensible defaults to work out of the box in Storyboards? I saw a pull request adding support for Nibs, but when I tried to subclass a UITextField in a Storyboard, nothing changed.

Hi. I'm subclassing JVFloatLabeledTextView in a Swift class. I noticed that the label scrolls with the text, it does not stays at the top of the view. I'm using iOS8. Is this the intended behaviour? Thanks
MB

Hi,

If TextView pre-filled with content, it becomes invisible when using JVFloatLabeledTextView:

The text shows up if I dismiss keyboard:

The text color for text view was always black and never changed, so that's not the case.

Update:

The problem resolves itself when I manually set text view's font in viewDidLoad.

Thanks for merging my pull request and making this component! I'm going to use this component and I'd love to be able to pull it in as a cocoapod in its current state.

v1.0.2 and v1.1.0 both have the issue.

m.apple.main-thread
EXC_BAD_ACCESS KERN_INVALID_ADDRESS at 0x0000000000000020
UIKit
_wrapRunLoopWithAutoreleasePoolHandler

Hello, I am not sure if it is related to iOS 9 but when I try out the JVFloatLabeledTextField in my project, the text jumps down a bit when I start editing the text field.

JVFloatLabeledTextField.m

In function - (CGRect)editingRectForBounds:(CGRect)bounds
modifying line
rect = UIEdgeInsetsInsetRect(rect, UIEdgeInsetsMake(ceilf(_floatingLabel.font.lineHeight+_placeholderYPadding), 0.0f, 0.0f, 0.0f));

to

if ([self text].length) {
rect = UIEdgeInsetsInsetRect(rect, UIEdgeInsetsMake(ceilf(_floatingLabel.font.lineHeight+_placeholderYPadding), 0.0f, 0.0f, 0.0f));
}

and in function

• (CGRect)textRectForBounds:(CGRect)bounds
  modifying line
  rect = UIEdgeInsetsInsetRect(rect, UIEdgeInsetsMake(ceilf(_floatingLabel.font.lineHeight+_placeholderYPadding), 0.0f, 0.0f, 0.0f));

to

if ([self text].length) {
rect = UIEdgeInsetsInsetRect(rect, UIEdgeInsetsMake(ceilf(_floatingLabel.font.lineHeight+_placeholderYPadding), 0.0f, 0.0f, 0.0f));
}

Fixes the initial vertical alignment issue of placeholder

If the text is bigger then the visible space the cursor fails to scroll to the right with the text, as the standard behavior does for a UITextField. Seems like setting the textRectForBounds, stops the UITextField from tracking the cursor.

As I typed it out..

If press down and scroll to the right of the same text.

Although opt-in installation I just love cocoapods for every 3rd party stuff I use.
Would be great to have a Podspec of this project, too.

It seems that release 1.0.0 messed the vertical positions of the inner textField. Version 0.0.9 was fine.

This is on an iPhone 6 running iOS 8.1.2, building from Xcode 6.2 beta 3 with iOS 7.0 deployment target.

See the following screenshots (first two screenshots are 1.0.0, last two 0.0.9):

Hi
Floating label font in default should be set as JVFloatLabeledTextField font.
current is not

Can you please increment the pod version. There's quite a few updates in there since the last one.

Thanks!

I would appreciate it if you added a UITextView equivalent for this control. I have tried using RPFloatingPlaceholderTextView but it has several displaying issues. I believe this should be simple for you to port over to a UITextView. Thanks!

To reproduce, run the example app, go to the text area and type a single letter. Then QUICKLY delete it and type another one. The blue label will get stuck in a weird position.

textFieldDidBeginEditing method is not being triggered, is there a way to resolve this? Currently having an issue where the keyboard covers the field.

Just updated to version 1.0.3 and this started to happen...

When I leave the textfield with some text inside, it shrinks the placeholder

No code changes were made by me

Hey @jverdi

Made a quick change in my project as I needed to change the placeholder color. Would you be interested in a pull request or I'll leave it only in the fork?

If you use an NSAttributedString for a placeholder and then enter text, the newly entered text is using the same color as the placeholder instead of using the text color assigned to the view.

I can't get a custom clear button to work with JVFloatLabeledTextField. Here is my code:

UIButton *clearButton = [[UIButton alloc] initWithFrame:CGRectMake(0.0f, 0.0f, 15.0, 15.0)];
[clearButton setImage:[UIImage imageNamed:@"Clear_Button"] forState:UIControlStateNormal];
[clearButton setImage:[UIImage imageNamed:@"Clear_Button"] forState:UIControlStateHighlighted];
[clearButton addTarget:self action:@selector(doClear:) forControlEvents:UIControlEventTouchUpInside];

field.rightView = clearButton;
field.rightViewMode = UITextFieldViewModeWhileEditing;

The button only shows a couple pixels. So the problem is a positioning issue. Any idea's?

Todd

I am trying to set allowsEditingTextAttributes = NO; But the field is still editable.

Is this a bug, or is there another way to disable editing?

I have same issue as #67. Is there any workaround for this?

If the text is bigger then the visible space the cursor fails to scroll to the right with the text, as the standard behavior does for a UITextField. Seems like setting the textRectForBounds, stops the UITextField from tracking the cursor.

I have same issue. Is there any workaround for this? I am using constraint.

let contentView = UIView()
        contentView.setTranslatesAutoresizingMaskIntoConstraints(false)
let emailInput = JVFloatLabeledTextField()
        emailInput.floatingLabel.font = PlaceHolderFontSmall
        emailInput.floatingLabelTextColor = PlaceholderSmallColor
        emailInput.setTranslatesAutoresizingMaskIntoConstraints(false)

let views = ["contentView": contentView, "emailInput": emailInput]
        let constrainV = NSLayoutConstraint.constraintsWithVisualFormat("V:|-(16)-[emailInput(36)]-(16)-|",
            options: NSLayoutFormatOptions.AlignAllCenterX, metrics: nil, views: views)
        contentView.addConstraints(constrainV)

        let constrainH = NSLayoutConstraint.constraintsWithVisualFormat("H:|-10-[emailInput(260)]-10-|",
            options: nil, metrics: nil, views: views)
        contentView.addConstraints(constrainH)

Right now when a VoiceOver user taps on the field it will initially read the label which is good. However once the user fills out the textfield and then taps on the field again VoiceOver only reads the textfield and not the label. I believe this is a bug since Apple's own textfields inside of a tableview cell read the label then the textfield.

I think you can also overwrite the setAttributedText method to solve the problem.

- (void)setAttributedText:(NSAttributedString *)attributedText{
    [super setAttributedText:attributedText];
    self.placeholderLabel.alpha = [self.text length] > 0 ? 0.0f : 1.0f;
    [self layoutSubviews];
}

Hi jverdi, your repo is great and I have used it one of my app. Thank you for putting out such a great resources!
I have a problem here: So everything works fine when I am using frame to define the TextField or TextView. But when I am using Auto Layout. There's Y offset on the Placeholder UILabel. Here's a screen shot: http://cl.ly/image/4630050C1y3b
You can see that the one on the top is a TextField, which works fine but the one on the bottom is the TextView, where the placeholder "Detail" has a offset. You didn't make the placeholder UILabel public so I can't modify that. Is there any way to solve this problem?

Thank you in advance

When I set the text of my label within the viewDidAppear it works fine:

But when I set it within the viewDidLoad the alignment is left from the center as you can see in the image:

The current implementation doesn't support natural alignment. We have a large Arabic user base and need to accommodate this. Is there any plans to add this feature?

I want to center my text vertically whilst using JVFloatLabeledTextView. To this end, I used the method here http://stackoverflow.com/a/17024644/590767 to offset the UITextView appropriately.

I noticed the placeholder stayed towards the top of the text view so I set placeholderYPadding = 40.

The placeholder moved. However, this also had the side-effect of offsetting the cursor and of the baseline of the text being typed as well.

You can see the cursor position faintly in the screenie below:

I expected placeholderYPadding to have zero effect on the way text is edited on the text view.

I'm new to ios development coming from java. And I just can't find any good reference information on how to simply use this component in an xcode project?

Hey Jared,

Thanks for open sourcing this! I've created an equivalent for UITextView's here if you'd like to add it to the ports section: https://github.com/iwasrobbed/RPFloatLabeledTextView

Cheers,
Rob

Despite the fact the latest version shows 1.1.0 next to pods, when I run pod update/install it uses version 1.0.2.