You have downloaded the disk image , this wil normally reside in your downloads folder.
Just double click on the installer to start the stack installer
When the install is complete restart RapidWeaver to ensure the Stack will show up in your Stacks Library

Let us kick off by Adding a Stacks page , after all SimpleBox is a Stack Add On Plugin/Library Item

Adding the SimpleBox stack is easy , just drag onto the page

Well nothing special to look at right now , but a few important items to point out here
1. That’s right you only need to add the SimpleBox once only per Stacks Page, unlike other stacks we want to aoid and repetition
2. The SimpleBox HUD Inspector (more on that below)
3. Where we drop any content whether this is HTML, Text , images
4. the rel tag that we use to create links to the individual SimpleBoxes

We dropped in one of the default Image Stacks in the Stack Library and added our image, you can scale your image using the Stacks Image Inspector that is really up to you right now :D
This being the first item it has a REL tag of symbox0 just keep that in mind for the next steps

Select the stack boundary and then click the little info icon

We did tell you that SimpleBox was easy to use and a lot of the flexibility is utilized when we are using Text Content.

Images, Embedded QuickTime Videos, Vimeo, YouTube anything that has a defined width and height you don't need to wrory about the extra Parameters for SimpleBox (more explained later)
The following settings are Global.
1. Number of SimpleBox Content Stacks
2. The Border color of the SimpleBox when opened
3. The CSS3 box shadow color for SimpleBox
4. Background fade/overlay color
5. Type of Close Icon to choose (1=White, 2=Black , 3=Blue, 4=Red)
6. Background fade/overlay opacity
7. To change the ToolTip and Alt Tag of the SimpleBox Window ( for instance to another language)
8 .To access our Support HelpDesk/FAQ
9. SymfoniP Home Page

Since we are just showing off one SimpleBox example in this quick start guide we will leave al the settings as they are for now.

For simplicity just add the Text Stack to the Top

Okay there, we have the text stack now on our Stacks Page , lets get on with editing the text in our example .

Add some text to indicate to the web visitor what they will open :)

Select Some text which will trigger the SimpleBox

We want to make that link select the add link Icon as shown.        

For SimpleBox in this example to work with an image we do not need to add anything in the URL field but we will need to add the REL attribute under Custom Attributes.
1. Click on that little + icon

1. Here you can see the rel attribute linked to the rel tag/trigger for the SimpleBox Content since it was the first item symbox0 is used
A Title is optional SimpleBox does not use this .
2. All Done then Set Link

Once the add link is completed you can see that we have blue underline indicating linked text.

Looking good! here is the link (1.) , and you will see that the image we added to the SimpleBox is now hidden from page view.

Wow that was easy! Here is the SimpleBox open and showing off your image.