Advanced Setup - Using inline Visual Force Page

Just following these few steps, and you'll have created a VF page for the photos. Use this if you need to give separate permissions or separate toolsets to different users.

Create a Visualforce page

Visualforce Pages ~ Click New

Create this page

    <apex:page standardController="Contact">
       <sharinpix:SharinPix height="500px" 
        parameters="{'abilities':{'{! CASESAFEID($currentPage.parameters.Id) }':{'Access':{'see':true,'image_list':true,'image_upload':true,'image_delete':true,'fullscreen':true,'image_caption':true,'image_tag':true,'image_copy':true,'paste':true,'share':true,'image_duplicate':true,'image_annotate':true,'image_rotate':true,'image_crop':true,'image_download':true},'Tags':{'Before':{'en':'Before'},'After':{'en':'After'}},'Display':{'filename':true,'tags':true,'group_pdf':true,'confirm_delete':true,'annotation_toggle':true,'add_tag_first':true}},'tags':{'read':true,'create':true,'filter_any_of':true}},'Id':'{! CASESAFEID($currentPage.parameters.Id) }'}">
    </sharinpix:SharinPix>
    </apex:page>

A minimum height of 500px is needed in order for the album to display correctly. This height should be added in the Visualforce page code and also while on the page layout when adding the Visualforce page into it.

Note have to be sure you replace "Contact" by the API name of your object if you want to use this code example on another object.

You can also personnalize the behavior of the SharinPix album by changing the abilities value (example: change image_delete:true into image_delete:false to remove the delete rights).

Try putting the VF page on the page layout

Add the Visualforce page to the page layout

Click the wrench to make sure you've got the 500px height you need for the photos to display properly

Save the layout

Here's the familiar "drop or click" box

You can add photos here!