Enable Image Sync for Classic

In order to enable SharinPix Image Sync in the Salesforce Classic Experience, you need to add a line in your visual force page.

<sharinpix:ImageSync recordId="{! $CurrentPage.Parameters.Id }"/>

The resulting visual force page will be then be composed at least by :

1. The SharinPix Image Sync component
2. The SharinPix Visualforce component

The SharinPix Image Sync Component

The syntax of the SharinPix Image Sync is as follows:

<sharinpix:ImageSync recordId="{! $CurrentPage.Parameters.Id }"/>

The Image Sync component contains one parameter, namely recordId. The recordId uses the following syntax to refer to the current Visualforce page with its corresponding parameters.

{! $CurrentPage.Parameters.Id }

For more information about how to use the SharinPix Image Sync, you can refer to the articles below:

• What is SharinPix Image Sync?
• What are the uses of Image Sync ?
• Setup SharinPix Image Sync

The SharinPix Visualforce Component

The syntax of the SharinPix Visualforce component is as follows:

<sharinpix:SharinPix parameters="{'Id': '{!CASESAFEID($CurrentPage.parameters.Id)}', 'abilities':{'{!CASESAFEID($CurrentPage.parameters.Id)}':{'Access': {'image_upload':true,'image_list':true,'see':true,'image_delete':true}}}}" height="600px"/>

The following parameters are used inside the SharinPix Visualforce component:

1. height : refers to the height of the SharinPix Album in pixel units. Here it is set to 600px.
2. parameters : refers to the set of SharinPix Abilities enabled or disabled in the SharinPix Album.

The parameters parameter contains:

• An Album Id corresponding to the record Id containing the Visualforce page. This value is passed through the formula function CASESAFEID() which makes sure than the value corresponds to a 18-character record Id. The Album Id syntax is as follows:

'{!CASESAFEID($CurrentPage.Parameters.Id)}'

Tip: CASESAFEID() is a formula function that replaces the 15 character ID (case sensitive) with a 18 character ID (case insensitive).

• A set of abilities referring to the abilities allowed on the SharinPix Album.

'Access': {
  'image_upload':true,
  'image_list':true,
  'see':true,
  'image_delete':true
}

For more information about the SharinPix abilities, refer to the following article: SharinPix abilities

Creation of the Visualforce Page

Follow the subsequent steps to create and add the Visualforce page:

• Create a Visualforce page using the code snippet below.

    <apex:page standardController="Contact">   
        <sharinpix:SharinPix parameters="{'Id': '{!CASESAFEID($CurrentPage.parameters.Id)}', 'abilities':{'{!CASESAFEID($CurrentPage.parameters.Id)}':{'Access': {'image_upload':true,'image_list':true,'see':true,'image_delete':true}}}}" height="600px"/>    
        <sharinpix:ImageSync recordId="{! $CurrentPage.Parameters.Id }"/>
    </apex:page>

• Save the Visualforce page when done.

• Add the newly-created Visualforce Page to the layout of the Contact object.

• Add an image.

• Refresh the current web page. Go to the SharinPix Images(1) section. You should see a new entry(2).

• Click on the new entry. You will be directed to the SharinPix Image Record of the newly-uploaded image. You should see the details of the image as displayed in the figure below.