iOS how to make email address in a label clickable

Question

I believe this question has been asked and answered before, but I couldn't find it. I see an answer pointing to Fancy Label and Three20, but they are not quite what I want, or probably I missed some points.

Basically, I want get app users' feedback, so I will write in a big label, like

blah blah, email me at xxxxxx@gmail.com, and blah blah more.

I want the email address clickable, and open email composer so that users can edit and send.

That's all I need. How to get it? Thanks.

Use MFMailComposeViewController: http://stackoverflow.com/questions/7087199/xcode-4-ios-send-an-email-using-smtp-from-inside-my-app — jdb1a1, Feb 16 '13 at 05:10

KDeogharkar · Answer 1 · 2013-07-16T11:52:03.553

9

You could use UITextView as follows:

UITextView *myView = [[UITextView alloc] initWithFrame: CGRectMake(0, 0, 300, 50)];
    myView.text = @"this is http://google.com link";
    myView.editable = NO;
    myView.dataDetectorTypes = UIDataDetectorTypeLink;    
    //myView.message.dataDetectorTypes = UIDataDetectorTypePhoneNumber|UIDataDetectorTypeLink; for multiple data detection
    [self.view addSubview:myView];
    [myView release];

to select more than one data detection :

enter image description here

edited Jul 16 '13 at 11:52

answered Feb 16 '13 at 05:35

KDeogharkar

10,939
7
51
95

Was it just me? stackoverflow seemed down for a while just now. Anyway, @BaZinga, use your method, I don't see the text http://google.com become clickable. Do I need put textview delegate in the .h file? – Tony Xu Feb 16 '13 at 06:40
i am creating the textview dynamically you can create by putting the control to your view also and it's work fine to me. – KDeogharkar Feb 16 '13 at 07:00
put it in your viewdidload method just for checking – KDeogharkar Feb 16 '13 at 07:03
I now see blue font for google.com, but it is not clickable. How do I add a method to it? In addition, how to make email link? mailto seems not working.... Thanks. – Tony Xu Feb 16 '13 at 20:12
you don't want to add any additional method now. Just click on it and it works. – KDeogharkar Feb 17 '13 at 10:57
i think you need to set the delegate for it !! `myView.delegate = self;` – holierthanthou84 Jun 26 '13 at 09:16
@BaZinga even if it clickable how to detect that click ? any idea ? – Android Killer Jul 16 '13 at 11:16
Dont get it @AndroidKiller – KDeogharkar Jul 16 '13 at 11:25
what's your actual need. should you elaborate? – KDeogharkar Jul 16 '13 at 11:26
if I am not wrong you are trying to say that whenever we click the link that click event should be handle some where, Right? – KDeogharkar Jul 16 '13 at 11:27
@BaZinga absolutely right. I am trying to add one number into the uitextview and detect it.But while clicking it should be detected si that i can make a call to that number. – Android Killer Jul 16 '13 at 11:30
ohk you want to call at particular number whenever it get clicked. is that your need @AndroidKiller – KDeogharkar Jul 16 '13 at 11:35
@BaZinga thr is a long text, inside that there is number and emails. I want when i will the number then i can call that number and similarly for email when i will click mail then i can be able to send mail to that mail id. Hope it is clear. – Android Killer Jul 16 '13 at 11:37
see my edited answer @AndroidKiller. I dont try with more than one detection but as there is multiple selection it will defently work :) – KDeogharkar Jul 16 '13 at 11:42
@BaZinga that i did man... how to detect means when i will click it should call that number. got my point ? – Android Killer Jul 16 '13 at 11:57
have you try on device? @AndroidKiller – KDeogharkar Jul 16 '13 at 12:01
@BaZinga no can anyhow i can try on simulator ? – Android Killer Jul 16 '13 at 12:02
than try it on device first. the link will open in simulator but for calling number you have to check it in device . than you get the idea @AndroidKiller – KDeogharkar Jul 16 '13 at 12:04
@BaZinga ok and what about email, will it open email box ? – Android Killer Jul 16 '13 at 12:05
ok I tested it in simulator and it give me 2 option 1)add to contant and 2) copy – KDeogharkar Jul 16 '13 at 12:06
on long press of email id i get 3 option 1)new message - to mail to that address 2) new contact - to save that address 3) copy - to copy that address – KDeogharkar Jul 16 '13 at 12:10
But as I tell you @AndroidKiller please check all this for real device . – KDeogharkar Jul 16 '13 at 12:11
ok +1 for helping me. i am actually from android background.So i don't know much. – Android Killer Jul 16 '13 at 12:39
my pleasure . I only use link detection so I also learn about behavior for other data detection. – KDeogharkar Jul 16 '13 at 12:43

Dilip Manek · Answer 2 · 2013-02-16T05:22:18.860

This is pretty simple,

create a label outlet in .h file

@interface ContactUsViewController : UIViewController<MFMailComposeViewControllerDelegate>

@property (strong, nonatomic) IBOutlet UILabel *mail1Lbl;

and place this code in.m file

- (void)viewDidLoad
{
    [super viewDidLoad];

    UITapGestureRecognizer* mail1LblGesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(mail1LblTapped:)];
    // if labelView is not set userInteractionEnabled, you must do so
[mail1Lbl setText:@"xxxxxx@gmail.com"];
    [mail1Lbl setUserInteractionEnabled:YES];
    [mail1Lbl addGestureRecognizer:mail1LblGesture];
}

- (void)mail1LblTapped:(id)sender
{
    if ([MFMailComposeViewController canSendMail])
    {

        MFMailComposeViewController *mailer = [[MFMailComposeViewController alloc] init];
        mailer.mailComposeDelegate = self;
        [mailer setSubject:@""];
        NSArray *toRecipients = [NSArray arrayWithObjects:@"xxxxxx@gmail.com", nil];
        [mailer setToRecipients:toRecipients];
        NSString *emailBody = @"";
        [mailer setMessageBody:emailBody isHTML:NO];
        mailer.navigationBar.barStyle = UIBarStyleBlackOpaque;
        [self presentModalViewController:mailer animated:YES];

    }
    else
    {
        UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"Failure"
                                                        message:@"Your device doesn't support the composer sheet"
                                                       delegate:nil
                                              cancelButtonTitle:@"OK"
                                              otherButtonTitles:nil];
        [alert show];
    }
}
- (void)mailComposeController:(MFMailComposeViewController*)controller didFinishWithResult:(MFMailComposeResult)result error:(NSError*)error
{
    switch (result)
    {
        case MFMailComposeResultCancelled:
            NSLog(@"Mail cancelled: you cancelled the operation and no email message was queued.");
            break;
        case MFMailComposeResultSaved:
            NSLog(@"Mail saved: you saved the email message in the drafts folder.");
            break;
        case MFMailComposeResultSent:
            NSLog(@"Mail send: the email message is queued in the outbox. It is ready to send.");
            break;
        case MFMailComposeResultFailed:
            NSLog(@"Mail failed: the email message was not saved or queued, possibly due to an error.");
            break;
        default:
            NSLog(@"Mail not sent.");
            break;
    }
    // Remove the mail view
    [self dismissModalViewControllerAnimated:YES];
}

Correct me if I'm wrong, but doing it this way makes the ENTIRE label clickable, I think they only want the email address clickable and blue like an html hyperlink (so they described.) — Holyprin, Feb 16 '13 at 05:19
yes,@Holyprin this will make whole label clickable ,but label's background property is clearcolor so user fill like only text are clickable and for blue font he can set text color to blue. — Dilip Manek, Feb 16 '13 at 05:21
I didn't get it. Isn't label just a button? The email address will be in a paragraph. — Tony Xu, Feb 16 '13 at 05:26
nop, @TonyXu you have to set user interaction property to yes ,and i dont understand by mean paragraph if you want text to middle then set text align property to center.if you use UILabel instead of UIButton than you can do lot customization with text. — Dilip Manek, Feb 16 '13 at 05:32
What he's saying is to make the label interact-able, then catch the click on the entire label including the other words in the sentence and launch the email application. Simple enough if you want that functionality. — Holyprin, Feb 16 '13 at 05:35
i think you can achieve this using more than one label bazinga's ans is good but it only work for link. — Dilip Manek, Feb 16 '13 at 05:50

score 1 · Answer 3 · answered Feb 16 '13 at 05:06

1

Webview using html / mailto: anchor should work just fine for this... may need to style it to the default iOS stuff but yeah.

answered Feb 16 '13 at 05:06

Holyprin

348
1
9

score 1 · Answer 4 · edited May 23 '17 at 12:33

1

You can use NSAttributedString for the same. Using this type of string will save a lot of time. But before using this you have to knowledge exact position of text. By knowing position and length you can customize that string easily. See this link for downloading sample project.NSAttributed string. But if you are using ios 6 then no need to use this sample code. You can use directly NSAttributedString. Because in ios6 UILabel supports this type of string.

lbl.aatributText = @"Your NSAttributed string".

Edit: Here are some links which you can follow: 1. Create tap-able "links" in the NSAttributedString of a UILabel? 2. Objective-C UILabel as HyperLink 3. how to make a specific word touchable for its meaning in a text?

edited May 23 '17 at 12:33

Community

1
1

answered Feb 16 '13 at 05:54

aks.knit1108

1,305
9
20

1

attributed string only makes the email address blue, but not clickable, right? – Tony Xu Feb 16 '13 at 06:41
I am not sure but by seeing this link, I got a idea that we can do it by using this string. See discussion link. http://www.cocoabuilder.com/archive/cocoa/241888-hyperlinks-in-nsattributedstring.html – aks.knit1108 Feb 16 '13 at 08:51

iOS how to make email address in a label clickable

4 Answers4