Step-By-Step: Image Comparison Component

Step 1: Choose Image Comparison from the component selection.

i,age_comp

Step 2.1: From Image Comparison Edit Panel, type the Name this Tab caption. Check Enable Tooltip if you want to see the Tooltip.

ic_step1

Step 2.2: Type  the Tooltip Text, select Tooltip Direction, Color and Font.

ic_step2

Step 3: Hit Upload Image (Before Compare).

ic_step3

Step 4: Click Upload a File button, select the image you want to upload. Click Open and click the image uploaded. Click Add Selected File button.

before_img

Step 5.1: Click Upload Image(After Compare)

ic_step4

Step 5.2: Click Upload a File and upload the after compare image. After upload, click the uploaded after compare image and click Add Selected File.

after_ing

Step 6: Click Save Change button. 

ic_step5