Adding the Clear Button to an iPhone UITextField

Question

How do you add that little  X  button on the right side of a UITextField that clears the text   I can t find an attribute for adding this sub-control in Interface Builder in the iPhone OS 2 2 SDK   Note  In Xcode 4 x and later  iPhone 3 0 SDK and later   you can do this in Interface Builder

User · Answer

Objective C    self txtUserNameTextfield myUITextField clearButtonMode   UITextFieldViewModeWhileEditing    Swift    txtUserNameTextfield clearButtonMode   UITextField ViewMode WhileEditing

User · Answer

This button is a built-in overlay that is provided by the UITextField class  but as of the iOS 2 2 SDK  there isn t any way to set it via Interface Builder   You have to enable it programmatically   Add this line of code somewhere  viewDidLoad  for example    Objective-C  myUITextField clearButtonMode   UITextFieldViewModeWhileEditing    Swift 5 0  myUITextField clearButtonMode    whileEditing

User · Answer

you can add custom clear button and control the size and every thing using this   UIButton  clearButton    UIButton buttonWithType UIButtonTypeCustom    clearButton setImage img forState UIControlStateNormal    clearButton setFrame frame    clearButton addTarget self action  selector clearTextField   forControlEvents UIControlEventTouchUpInside    textField rightViewMode   UITextFieldViewModeAlways    can be changed to UITextFieldViewModeNever     UITextFieldViewModeWhileEditing    UITextFieldViewModeUnlessEditing  textField setRightView clearButton

User · Answer

you can add custom clear button and control the size and every thing using this   UIButton  clearButton    UIButton buttonWithType UIButtonTypeCustom    clearButton setImage img forState UIControlStateNormal    clearButton setFrame frame    clearButton addTarget self action  selector clearTextField   forControlEvents UIControlEventTouchUpInside    textField rightViewMode   UITextFieldViewModeAlways    can be changed to UITextFieldViewModeNever     UITextFieldViewModeWhileEditing    UITextFieldViewModeUnlessEditing  textField setRightView clearButton

User · Answer

On Xcode Version 8 1  8B62  it can be done directly in Attributes Inspector  Select the textField and then choose the appropriate option from Clear Button drop down box  which is located in Attributes Inspector

User · Answer

Swift 4    textField clearButtonMode   UITextField ViewMode whileEditing   or even shorter   textField clearButtonMode    whileEditing

User · Answer

This button is a built-in overlay that is provided by the UITextField class  but as of the iOS 2 2 SDK  there isn t any way to set it via Interface Builder   You have to enable it programmatically   Add this line of code somewhere  viewDidLoad  for example    Objective-C  myUITextField clearButtonMode   UITextFieldViewModeWhileEditing    Swift 5 0  myUITextField clearButtonMode    whileEditing

User · Answer

You can also set this directly from Interface Builder under the Attributes Inspector     Taken from XCode 5 1

User · Answer

Swift 4    textField clearButtonMode   UITextField ViewMode whileEditing   or even shorter   textField clearButtonMode    whileEditing

User · Answer

This button is a built-in overlay that is provided by the UITextField class  but as of the iOS 2 2 SDK  there isn t any way to set it via Interface Builder   You have to enable it programmatically   Add this line of code somewhere  viewDidLoad  for example    Objective-C  myUITextField clearButtonMode   UITextFieldViewModeWhileEditing    Swift 5 0  myUITextField clearButtonMode    whileEditing

User · Answer

Objective C    self txtUserNameTextfield myUITextField clearButtonMode   UITextFieldViewModeWhileEditing    Swift    txtUserNameTextfield clearButtonMode   UITextField ViewMode WhileEditing

User · Answer

this don t work  do like me       swift    customTextField clearButtonMode   UITextField ViewMode Always  customTextField clearsOnBeginEditing   true   func textFieldShouldClear textField  UITextField  - gt  Bool       return true

User · Answer

Swift 4  adapted from Kristopher Johnson s answer   textfield clearButtonMode    always  textfield clearButtonMode    whileEditing  textfield clearButtonMode    unlessEditing  textfield clearButtonMode    never

User · Answer

On Xcode 8  8A218a    Swift    textField clearButtonMode   UITextField ViewMode whileEditing    The  W  went from capital to non-cap  w

User · Answer

This button is a built-in overlay that is provided by the UITextField class  but as of the iOS 2 2 SDK  there isn t any way to set it via Interface Builder   You have to enable it programmatically   Add this line of code somewhere  viewDidLoad  for example    Objective-C  myUITextField clearButtonMode   UITextFieldViewModeWhileEditing    Swift 5 0  myUITextField clearButtonMode    whileEditing

User · Answer

On Xcode Version 8 1  8B62  it can be done directly in Attributes Inspector  Select the textField and then choose the appropriate option from Clear Button drop down box  which is located in Attributes Inspector

User · Answer

Swift 4  adapted from Kristopher Johnson s answer   textfield clearButtonMode    always  textfield clearButtonMode    whileEditing  textfield clearButtonMode    unlessEditing  textfield clearButtonMode    never

User · Answer

You can also set this directly from Interface Builder under the Attributes Inspector     Taken from XCode 5 1

User · Answer

func clear btn box is   UITextField       box is clearButtonMode    always     if let clearButton   box is value forKey    clearButton   as  UIButton           let templateImage    clearButton imageView  image  withRenderingMode  alwaysTemplate           clearButton setImage templateImage  for   normal          clearButton setImage templateImage  for   highlighted           clearButton tintColor    white

User · Answer

On Xcode 8  8A218a    Swift    textField clearButtonMode   UITextField ViewMode whileEditing    The  W  went from capital to non-cap  w

User · Answer

func clear btn box is   UITextField       box is clearButtonMode    always     if let clearButton   box is value forKey    clearButton   as  UIButton           let templateImage    clearButton imageView  image  withRenderingMode  alwaysTemplate           clearButton setImage templateImage  for   normal          clearButton setImage templateImage  for   highlighted           clearButton tintColor    white

User · Answer

this don t work  do like me       swift    customTextField clearButtonMode   UITextField ViewMode Always  customTextField clearsOnBeginEditing   true   func textFieldShouldClear textField  UITextField  - gt  Bool       return true

[ios] Adding the "Clear" Button to an iPhone UITextField

Examples related to ios

Examples related to cocoa-touch

Examples related to uitextfield

Examples related to uikit