Stages Documentation

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
Next revisionBoth sides next revision
72:clickable_image [2020/09/09 17:48] – aakr72:clickable_image [2021/03/01 09:42] – pklr
Line 15: Line 15:
 Navigate to the element which you want to link with your clickable area. Copy the link into the clipboard. Navigate to the element which you want to link with your clickable area. Copy the link into the clipboard.
  
-{{  :72:screen2.png?direct&500x493  }}+[[https://doc.stagesasaservice.com/lib/exe/fetch.php?media=72:screen2.png|{{  :72:screen2.png?direct&500x493  }}]]
  
 **3. Switch to your preferred image map tool/website** **3. Switch to your preferred image map tool/website**
Line 27: Line 27:
   * Please copy only the //<area…>//  tags   * Please copy only the //<area…>//  tags
  
-//[[https://doc.stagesasaservice.com/lib/exe/fetch.php?media=72:upload_image_map.png|{{  :72:upload_image_map.png?direct&800x629  }}]]{{  :72:image_map_copy.png?direct&600x358  }}//+//[[https://doc.stagesasaservice.com/lib/exe/fetch.php?media=72:upload_image_map.png|{{  :72:upload_image_map.png?direct&800x629  }}]]//
  
-**4. Head back to Stages**+//[[https://doc.stagesasaservice.com/lib/exe/fetch.php?media=72:image_map_copy.png|{{  :72:image_map_copy.png?direct&600x358  }}]]// 
 + 
 +**4. Switch back to Stages**
  
   * Upload your image to Stages   * Upload your image to Stages
   * Double-click on the image and paste the copied link into the //Image Map//  fiel//d//   * Double-click on the image and paste the copied link into the //Image Map//  fiel//d//
   * Manually delete the// target=""//   * Manually delete the// target=""//
 +  * Make sure** \, [**,**] **characters** **are escaped correctly inside the link e.g.
 +      *<code>
 +
 +href=" [[www.testurl.com/y=123**[abc]**def|]]
 + --> ​​href="[[www.testurl.com/y=123**\[abc\]**def|]]
 +
 +</code>
 +      *<code>
 +
 +href="[[[Role]**ProjectManager\3**|]]" --> href="[[[Role]**ProjectManager\\3**|]]"
 +
 +</code>
   * Click on //Save//   * Click on //Save//
  
-Your clickable image is ready to use+Your clickable image is ready to use.
  
 [[https://doc.stagesasaservice.com/lib/exe/fetch.php?media=72:delete_target_field.png|{{  :72:delete_target_field.png?direct&600x553  }}]] [[https://doc.stagesasaservice.com/lib/exe/fetch.php?media=72:delete_target_field.png|{{  :72:delete_target_field.png?direct&600x553  }}]]