Create Your Own Salesforce.com Buttons

Last Updated on Tuesday, 23 May 2006 03:26 Written by Steve Tuesday, 23 May 2006 03:26

Easily create your own button-like images for Salesforce.com with my new Salesforce.com-ish Button Creator! Put any text you want into an image that looks just like a Salesforce.com button (examples).

Use your button images to fire off S-Controls and fool your users into believeing they’re using Salesforce.com standard functionality!

13 Comments

1. Tomasz   |  Wednesday, 24 May 2006 at 7:18 pm

   Hi Steve,
   Nice work. Recently I have been converting all my “Custom Links” to buttons. Not only for aesthetic reasons but also for ability to hide/show buttons (or change their title) depending on other field values.
   Cheers
   Tomasz

   
2. Christine   |  Thursday, 25 May 2006 at 7:31 am

   Steve – This is neat!
   I’m new to HTML.
   The syntax seems to be correct, clicking the “image” works – but what’s the reason why my buttons won’t show? They’re x’d out inSF. =\

   
3. Steve   |  Thursday, 25 May 2006 at 9:27 pm

   Tomasz, I too like the conditional hiding of hyperlinks. Plus you can put them anywhere in the page layout!

   
4. Fifedog   |  Thursday, 25 May 2006 at 9:42 pm

   Steve – This is Awesome! very cool! I hope you don’t mind I emailed my 170 users from my user group and email all the user group leaders of Salesforce about this blog.

   
5. Gita Kulkarni   |  Friday, 26 May 2006 at 8:45 am

   This is good stuff. please demo at the Annual User Conference!

   
6. Fifedog   |  Friday, 26 May 2006 at 9:14 am

   Christine – be sure to save the file as a “GIF” or “PIC” not a jpg. I did this and it took me 20 mins to figure out why SFDC wasn’t showing the button.

   
7. Fifedog   |  Friday, 26 May 2006 at 11:33 am

   here’s another example of a link with explaning each piece.

   HYPERLINK(“place URL where button should take them too”, IMAGE(“/servlet/servlet.ImageServer?oid=[put your org id here]&id=[put document image id here]“, “[can leave blank since you're image has the text]“))

   
8. Steve   |  Friday, 26 May 2006 at 5:53 pm

   Fifedog, thanks for pointing out that jpg’s don’t work. I hadn’t tried that. And thanks for forwarding my site on to your users!

   
9. Christine   |  Friday, 16 June 2006 at 10:26 am

   FIFEDOG – THANKS!

   
10. Carl_V   |  Monday, 25 September 2006 at 4:44 am

    Hi All – trying to implement the buttons with no success – I see the text hyperlink but not the image. Have tried both png and gif formats, and obviously screwing up the link to image. Could someone please reconfirm for me that the following kindly offered from Fifedog works?

    HYPERLINK(”place URL where button should take them too”, IMAGE(”/servlet/servlet.ImageServer?oid=[put your org id here]&id=[put document image id here]”, “[can leave blank since you’re image has the text]”))

    Cheers,
    Carl

    
11. Carl_V   |  Monday, 25 September 2006 at 5:19 am

    Ok – now I can confirm my link to image is fine because I copied it from the ‘link properties’ feature of Firefox. Still doesnt show the image? Folder is all user access and image available for external use…. stumped…

    
12. Amit Lohogaonkar   |  Monday, 26 November 2007 at 3:08 am

    Hi, We want to add new custom button next to standard button ‘new’ under opportunity section We do not want to override ‘new’ button but add new button. In button and links section it only allows to add buttons under details page not next to ‘new’ button when user clicks opportunity tab. Let me know how to add this button when user clicks opportunity tab one extra button should be displayed next to ‘new’ button.
    Amit Lohogaonkar
    amit@varstreet.com

    
13. Steve   |  Monday, 26 November 2007 at 8:21 am

    When you click the New button, look at the URL that you land on. Then create a button that points to that URL and put it anywhere you want.