Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

link to download vcard doesn't work properly

Featured Replies

I've created a vCard to put on my site for people to download. I've got Microsoft Outlook and followed the instructions on how to create a vCard. I've then uploaded this to my website and created a link like this:

 

<p class="vcard"><a href="../eviemilo.vcf" class="blue" title="Download the Eskymo vCard">Download the Eskymo vCard</a></p>

 

but when you click on the link it doesn't ask me what I want to do with the vcard [i.e. open it or save it]. Instead I just get every thingas plain text int he browser window.

 

I've done exactly the same as this page:

Example

 

so not sure why it doesn't work.

  • Author

yes the example works fine...tested it in firefox. I'll check out the link you've attached. thanks.

  • Author

why would I need to change the settings on my server?

I am not sure if it will work, but you server might have to inform the browser that your vCard is a special type of file.

I've created a vCard to put on my site for people to download. I've got Microsoft Outlook and followed the instructions on how to create a vCard. I've then uploaded this to my website and created a link like this:

 

<p class="vcard"><a href="../eviemilo.vcf" class="blue" title="Download the Eskymo vCard">Download the Eskymo vCard</a></p>

 

but when you click on the link it doesn't ask me what I want to do with the vcard [i.e. open it or save it]. Instead I just get every thingas plain text int he browser window.

 

I've done exactly the same as this page:

Example

 

so not sure why it doesn't work.

 

Not sure about that.

 

I always use thunderbird, seems to work well. Plus, you can put more info into a thunderbird created vcard.

 

And its by Mozilla, and its free...

 

No I dont work for Mozilla, I just love em :lol:

Hi there, Esky! Long time no see! :)

 

Have you sorted out your vcard link yet?

 

I tried it out and got the same problem but a bit of Googling came up with an answer, which worked for me:

Problem: If you put a vcard on an apache server and link to it it just shows text. What I want is that it downloadable and that it can be added to a contact application like address book for the Mac or Outlook for Windows

 

Solution: create a sub–directory put the vcard in here. Add a .htaccess file and reload the page and it works straight away.

How to: In your editor create a file called .htaccess (it needs the dot before it, which makes the file invisible on the server.) Some computers will automatically add a txt extension to the file. This must be avoided. Now the syntax: AddType text/x-vcard .vcf

 

That's it!

  • Author

I had trouble using thunderbird - worked fine on my mac, but when I installed it on the PC and used exactly the same setting for my email acconts, it wouldn't work. I think at the time it was an conflict issue with Norton and so I ended up buying Outlook instead...I now no longer use Norton, but no point using thunderbird now, when I have a copy of outlook.

 

The vcard link works fine in IE - but for some reason firefox doesn't like it - so maybe it's a firefox issue, but the example link works fine in both browsers.

 

What is the best way to create a vCard so it's compatible with all browsers?

  • Author
Hi there, Esky! Long time no see! :)

 

Have you sorted out your vcard link yet?

 

I tried it out and got the same problem but a bit of Googling came up with an answer, which worked for me:

Problem: If you put a vcard on an apache server and link to it it just shows text. What I want is that it downloadable and that it can be added to a contact application like address book for the Mac or Outlook for Windows

 

Solution: create a sub–directory put the vcard in here. Add a .htaccess file and reload the page and it works straight away.

How to: In your editor create a file called .htaccess (it needs the dot before it, which makes the file invisible on the server.) Some computers will automatically add a txt extension to the file. This must be avoided. Now the syntax: AddType text/x-vcard .vcf

 

That's it!

 

Hello Stranger! Long time no see - where have you been hiding?

 

Ok, I'm not very 'in the know' when it come to .htaccess files. Am I right in thinking that the .htaccess file contains the following:

 

AddType text/x-vcard .vcf

 

do I upload the .htaccess file to the root or the same directory as the vcard file?

Hello Stranger! Long time no see - where have you been hiding?

 

Ok, I'm not very 'in the know' when it come to .htaccess files. Am I right in thinking that the .htaccess file contains the following:

 

AddType text/x-vcard .vcf

 

do I upload the .htaccess file to the root or the same directory as the vcard file?

 

you are correct Eskymo.

 

BTW, I dont think I know your real name?

  • Author

Ha Ha - I am a master of disguise! :ph34r:

 

Did I not add you as a friend on Facebook - if so you've obviously not looked at my profile.

  • Author

well I've moved the vcard file into a sub directory and uploaded the .htaccess file to the root directory and unfortunately get the same problem...

Ha Ha - I am a master of disguise! :ph34r:

 

Did I not add you as a friend on Facebook - if so you've obviously not looked at my profile.

 

lol, I am ashamed to say I have. In my defense, I am new to facebook, and am color blind. But tother than that I dont how I missed your name :o

oh my word, I checked facebook, and I had to click your name to see your profile, How did I ever miss that? :huh:

  • Author

I don't know! very bizarre! It's probably as I don't have a photo of me there, just a picture of my eskymo character and that's what you've focused on.

BTW, watch out for that Polish beer, its a killer :lol:

Hello Stranger! Long time no see - where have you been hiding?

 

Ok, I'm not very 'in the know' when it come to .htaccess files. Am I right in thinking that the .htaccess file contains the following:

 

AddType text/x-vcard .vcf

 

do I upload the .htaccess file to the root or the same directory as the vcard file?

 

Spot on! Create the .htaccess file just as you said, then add a new directory in the root folder (I called mine 'card') and sling both the vcard and the .htaccess file into it.

 

I've been hiding in my little workroom, up to my eyes with work which I'm doing at half the rate I used to as I've quit smoking and my concentration has gone to pot. Everything takes twice as long and goes twice as badly wrong and I'm using language I never knew I knew!

 

I'm nearly back in the land of the living now, and I'm hoping to make up for my absence here before long. Nice to see you!

BTW, I dont think I know your real name?

 

You will when you download her vcard!

  • Author

doesn't work - I've put the vcard and the .htaccess file in the same directory and refreshed the browser and get the same text based crap as before...bummer!

Spot on! Create the .htaccess file just as you said, then add a new directory in the root folder (I called mine 'card') and sling both the vcard and the .htaccess file into it.

 

I've been hiding in my little workroom, up to my eyes with work which I'm doing at half the rate I used to as I've quit smoking and my concentration has gone to pot. Everything takes twice as long and goes twice as badly wrong and I'm using language I never knew I knew!

 

I'm nearly back in the land of the living now, and I'm hoping to make up for my absence here before long. Nice to see you!

 

Hi there

 

Well done for quitting smoking, now you'll have to find something else to give you energy and concentration.

 

I like coffee, or lucozade.

 

Failing that, sleep deprivation works well too

  • Author

I fixed it - I had to close down the browser and clear the cache and now it works. Thanks!!!!! That's on less thing to worry about. I've not got to figure out how to get some subnav textlinks to looks active when they should be, but might leave that for another day.

Hi there

 

Well done for quitting smoking, now you'll have to find something else to give you energy and concentration.

 

I like coffee, or lucozade.

 

Failing that, sleep deprivation works well too

 

What I really need is a good exorcist. Link, please.

I've not got to figure out how to get some subnav textlinks to looks active when they should be, but might leave that for another day.

 

What's the issue? They look like they've been visited?

 

 

btw, is there a WFD group on facebook?

  • Author
What's the issue? They look like they've been visited?
eh? not sure where you've got that from as I've not posted the links I'm working on here?

 

I thought there was a WDF group on facebook...but...just checked and I was wrong - I was thinking of VIRB as there's one on there. We should get Ben to start a group as that would certainly raise the profile of the forum. I'll send him a request.

  • 2 months later...
  • Author

sorry to open this topic up again, but I can't get the vcard thing to work since I moved my site from the devsite to the root folder. In firefox the vcard link just opens in the browser as a text based file as before, but in IE clicking on the link allows you to download or open the file as expected.

 

So I created an .htacess file with the info you supplied and uploaded it and when refreshing the site I get the following error:

 

Internal Server Error

The server encountered an internal error or misconfiguration and was unable to complete your request.

 

Please contact the server administrator, webmaster@my-igloo.net and inform them of the time the error occurred, and anything you might have done that may have caused the error.

 

More information about this error may be available in the server error log.

 

Additionally, a 500 Internal Server Error error was encountered while trying to use an ErrorDocument to handle the request.

Apache/1.3.37 Server at my-igloo.net Port 80

 

 

oops..that wasn't meant to happen! so I removed the file and the site went back to normal.

  • Author

no worries - I've fixed this now...found an article that explained how to add MIME types via cPanel, so I followed that and now the link works.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.