Inset Widget

The inset widget allow the user to input images into stories.
The inset widget is very powerful in that it functions very basically, but with a few extra lines of code, the author can quickly and easily adjust the size, alignment and and animation associated with the image.

The most basic version of the inset widget looks like:

  + image trigger
  - Image description 
  ^ inset: /assets/shared/items/note.jpg 

To find the list of available images and how to properly tell the application where to find the images, read the page on images.

Below is a full description of all the additional features that you can add to your inset widget to change the image’s size, animation, and alignment

  + image trigger
  - Image description 
  ^ inset: /assets/shared/items/note.jpg   
  ^ animClass: fadeInLeftBig  
  ^ alignClass: right  
  ^ imgClass: normal  
  ^ next: insetimages  

- Image description

The response in this widget gives the application a description of the image.

^ inset: /assets/shared/items/note.jpg

^ inset: tells the application where to find the picture.

^ animClass: fadeInLeftBig

^ animClass: tells the application which animations to apply to the image. To apply an animation, merely select an animation from here and write the name in after the colon.

^ alignClass: right

^ alignClass: tells the application where to align the image (left|right|center).

^ imgClass: normal

The line above tells the application how big the image will be (tiny|small|normal|large).