Change the color of cancel button in UIAlertController with preferredStyle: .ActionSheet

Question

Is it possible to change the color of cancel button to red , i know we can by using Destructive style

  let cancelActionButton: UIAlertAction = UIAlertAction(title: "Cancel", style: .Destructive) { action -> Void in
            print("Cancel")
        }

but i want the cancel button separately , like this

@Miteshjadav the question was about cancel button. `tintColor` vice versa changes other buttons color. Reported — Vyachaslav Gerchicov, Aug 17 '20 at 09:42

score 26 · Answer 1 · answered Jul 18 '17 at 18:28

26

let cancelAction = UIAlertAction(title: "Cancel", style: .cancel) 
cancelAction.setValue(UIColor.red, forKey: "titleTextColor")

answered Jul 18 '17 at 18:28

Igor

12,165
4
57
73

How safe is this solution? What if apple decides to change the key name in future updates of iOS? – Au Ris Mar 02 '18 at 10:02
I used this solution in apps, successfully approved on iTunes. – Igor Mar 02 '18 at 13:51
How can I use custom font in cancel button? – Samiul Islam Sami Apr 01 '18 at 05:11

score 6 · Answer 2 · answered Mar 24 '17 at 07:10

6

This is code of how to make the alert like you said:

let alert = UIAlertController(title: "Hello", message: "Hello World", preferredStyle: .actionSheet)
alert.addAction(UIAlertAction(title: "Open in Google Maps", style: . default, handler: nil))
alert.addAction(UIAlertAction(title: "Open in Google", style: . default, handler: nil))
alert.addAction(UIAlertAction(title: "Copy Address", style: . default, handler: nil))

alert.addAction(UIAlertAction(title: "Cancel", style: .destructive, handler: nil))

You have to use 2 kind of style. In here, I used .destructive and .default, It will separate alert action into 2 part

answered Mar 24 '17 at 07:10

Nguyễn Anh Việt

605
5
16

2

.destructive does not makes the cancel button separate as @bikram sapkota wants even if we use .default with rest actions. – Nishad Arora Apr 24 '18 at 04:56
@NishadArora above comment is correct. .destructive does not makes the cancel button separate – jpulikkottil Apr 25 '19 at 04:32

Vinoth Vino · Answer 3 · 2018-06-21T18:30:03.880

5

Swift 4

You can change the color of the alert action button using the below code.

let cancelAction = UIAlertAction(title: "Cancel", style: .cancel, handler: nil)
cancelAction.setValue(UIColor.red, forKey: "titleTextColor")

Hope this helps you.

edited Jun 21 '18 at 18:30

answered Jun 21 '18 at 18:23

Vinoth Vino

9,166
3
66
70

then how to change the background colour for cancel button – Sai kumar Reddy Aug 20 '19 at 10:16
how to change the background colour of the cancel button? – Yogesh Patel Mar 03 '21 at 09:16

score 2 · Answer 4 · edited Jun 21 '18 at 18:08

2

Just give the style property of the button as destructive.

let cancelAction = UIAlertAction(title: "Cancel", style: .destructive, handler: {
            (alert: UIAlertAction!) -> Void in

})

edited Jun 21 '18 at 18:08

Vinoth Vino

9,166
3
66
70

answered Dec 29 '16 at 12:00

Aditya Jha

55
5

score 2 · Answer 5 · answered Nov 01 '19 at 08:14

Swift4.2

If you have multiple UIAlertAction, then add "Cancel" UIAlertAction in UIAlertController like that.

 let alert = UIAlertController(title: "Title", message: "Your Message", preferredStyle: UIAlertController.Style.actionSheet)
 alert.addAction(UIAlertAction(title: "first",style: .default, handler: { action in
     //Do something....           
   }))
 alert.addAction(UIAlertAction(title: "second", style: .default, handler: { action in
     //Do something....           
   }))
// Add cancel UIAlertAction
 let cancelAlert = UIAlertAction(title: "Cancel", style: .cancel, handler: nil)
     cancelAlert.setValue(UIColor.red, forKey: "titleTextColor")
     alert.addAction(cancelAction).  
     self.present(alert, animated: true, completion: nil)

how to change the background colour of the cancel button? – Yogesh Patel Mar 03 '21 at 09:16 — Yogesh Patel, Mar 03 '21 at 09:16

score 1 · Answer 6 · answered Jul 16 '20 at 12:15

If you want to achieve the same output for the cancel button and also don't want to change the cancel button type to destructive. I have used cancel type for the cancel button in the code. To achieve the same, You can use the following code:-

 //MARK:- Function to create the action sheet

  func showAlertSheet(){

    let alertController = UIAlertController(title: nil, message: nil, preferredStyle: .actionSheet)

    // Create Google Map button
    let googleMap = UIAlertAction(title: "Open in Google Maps", style: .default) { (action:UIAlertAction!) in

        // Code in this block will trigger when OK button tapped.
        print("Ok button tapped");

    }
    alertController.addAction(googleMap)

    // Create Map button
    let map = UIAlertAction(title: "Open in Maps", style: .default) { (action:UIAlertAction!) in

        // Code in this block will trigger when OK button tapped.
        print("Ok button tapped");

    }
    alertController.addAction(map)

     // Create copy Address button
    let copyAddress = UIAlertAction(title: "Copy Address", style: .default) { (action:UIAlertAction!) in

        // Code in this block will trigger when OK button tapped.
        print("Ok button tapped");

    }
    alertController.addAction(copyAddress)

    // Create Cancel button
    let cancelAction = UIAlertAction(title: "Cancel", style: .cancel) { (action:UIAlertAction!) in
        print("Cancel button tapped");
    }
    // Change Cancel title color according to your requirements
    cancelAction.setValue(UIColor.red, forKey: "titleTextColor")

    alertController.addAction(cancelAction)

    // Present Dialog message
    self.present(alertController, animated: true, completion:nil)
}

And also you have the option to change the cancel button text color. The output of the code is like this:-

score 0 · Answer 7 · edited Mar 24 '17 at 06:09

Change the style from UIAlertActionStyleDefault to UIAlertActionStyleDestructive in objective C:

UIAlertAction* button = [UIAlertAction actionWithTitle:@"Button title here"
                                      style:UIAlertActionStyleDestructive
                                      handler:^(UIAlertAction * action)
                                      {
                                          // Handle action here....
                                      }];

score 0 · Answer 8 · answered Nov 29 '21 at 11:39

0

You can use alert.view.tintColor which will be applied for .cancel and .default styles

answered Nov 29 '21 at 11:39

yoAlex5

29,217
8
193
205

Change the color of cancel button in UIAlertController with preferredStyle: .ActionSheet

8 Answers8