First let’s prepare. We’ll need two icons for the button – a 16×16 and 32×32 version. You can use samples below:
Now let’s open the site with SharePoint Designer and upload the two images to the site (either images folder in SharePoint designer or any document/picture library).
Next in SharePoint Designer select the Lists and Libraries option under Navigation and select the list you need to add your custom button to.
With the list open in SharePoint designer, click the Custom action button and select New Form Ribbon.
In the popup window fill in the name and if needed description of your new button:
In the Select type of action select Navigate to url and enter the following in the box below:
Now all that remains is to select images for the button in the last section:
And leave the rest of settings to default.
Now you should see your newly created custom action in the Custom actions section
Without any further ado you can immediately see results:
Why you might need a popout you might ask? simple… for bookmarking, linking,…