UIAlertAction Button Text Alignment Left

Question

I want to align UIAlertAction text alignment to Left and add the icon as in image shown. I spent lot of time on google to get the solution but not found the right answer. Every body post for the alert title not for the alert action title.

Please suggest me the right way for swift.

Thanks!!

There's no public API to do this with UIAlertController. – rmaddy Nov 18 '17 at 21:23 — rmaddy, Nov 18 '17 at 21:23

score 21 · Answer 1 · edited Aug 02 '18 at 18:13

You can do that with bellow example code. Easy and Simple.

Swift 4

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

let cancelActionButton = UIAlertAction(title: "Cancel", style: .cancel, handler: nil)
actionSheetAlertController.addAction(cancelActionButton)


let documentsActionButton = UIAlertAction(title: "Documents", style: .default, handler: nil)
actionSheetAlertController.addAction(documentsActionButton)
documentsActionButton.setValue(#imageLiteral(resourceName: "doccument"), forKey: "image")
documentsActionButton.setValue(kCAAlignmentLeft, forKey: "titleTextAlignment")

let cameraActionButton = UIAlertAction(title: "Camera", style: .default, handler: nil)
actionSheetAlertController.addAction(cameraActionButton)
cameraActionButton.setValue(#imageLiteral(resourceName: "camera"), forKey: "image")
cameraActionButton.setValue(kCAAlignmentLeft, forKey: "titleTextAlignment")

let galleryActionButton = UIAlertAction(title: "Gallery", style: .default, handler: nil)
actionSheetAlertController.addAction(galleryActionButton)
galleryActionButton.setValue(#imageLiteral(resourceName: "gallery"), forKey: "image")
galleryActionButton.setValue(kCAAlignmentLeft, forKey: "titleTextAlignment")

actionSheetAlertController.view.tintColor = kTHEME_COLOR
self.present(actionSheetAlertController, animated: true, completion: nil)

Just Single line Code actionButton.setValue(kCAAlignmentLeft, forKey: "titleTextAlignment") — Neeraj Solanki, Aug 02 '18 at 16:56

jcarlos276 · Answer 2 · 2019-11-27T16:36:06.360

11

An updated version to swift 5.0 of kCAAlignmentLeft (as answered by @Niraj Solanki here) is CATextLayerAlignmentMode.left So the code should be as below:

Swift 5.0

documentsActionButton.setValue(CATextLayerAlignmentMode.left, forKey: "titleTextAlignment")

edited Nov 27 '19 at 16:36

answered Nov 19 '19 at 21:00

jcarlos276

132
1
8

It works for left, but doesn't work for right alignment! – Hasan Kassem Apr 08 '20 at 10:21
1

See https://stackoverflow.com/a/54284170/826946 for more customization options – Andy Weinstein Apr 27 '20 at 11:02

score 6 · Answer 3 · answered Mar 21 '18 at 10:26

You can do that with bellow example code. Replace image name with your image

Swift 3

 let actionSheet = UIAlertController(title: nil, message: nil, preferredStyle: .actionSheet)
 let camera = UIAlertAction(title: "Camera", style: .default) { (action) in
  // Do something
 }
 let cameraImage = UIImage(named: "icon_camera")
 camera.setValue(cameraImage, forKey: "image")
 camera.setValue(0, forKey: "titleTextAlignment")
 actionSheet.addAction(camera)

score 0 · Answer 4 · answered Nov 18 '17 at 22:36

0

As already said in comments, UIAlertController do not provide customization of its view. However, you can build your own action sheet view or use some third parties, like https://github.com/xmartlabs/XLActionController.

answered Nov 18 '17 at 22:36

kirander

2,182
18
18

score 0 · Answer 5 · answered Nov 25 '20 at 12:14

fastest and simplest implementation for this case:

extension UIAlertAction {
    func addImage(_ image: UIImage){
        setValue(image, forKey: "image")
        setValue(0, forKey: "titleTextAlignment")
    }
}

using:

let editAction = UIAlertAction(title: "Edit", style: .default, handler: nil)
editAction.addImage(UIImage(systemName: "square.and.pencil")!)
alertSheet.addAction(editAction)

NOTE: CATextLayerAlignmentMode — is not what you need. Because right alignment doesn't work with it! Better use numeric literals:

0 - left
1 - center
2 - right

for universal use i would create this enum:

enum AlertActionAlignment:Int {
    case left, center, right
}

...
setValue(align.rawValue, forKey: "titleTextAlignment")

UIAlertAction Button Text Alignment Left

5 Answers5

Linked