Web View
The Web View is possibly the most important part of the Sandvox interface. It provides a "live preview" of what a page will look like once it's published. This is just as if the page were being displayed in a web browser, so there is no need to "test" your site using one.
You can simply click on items within the Web View to manipulate them, such as text, pagelets and images. Often you can also control-click an item to bring up a contextual menu that provides shortcuts to common operations.
Just like a web browser, the Web View can be manually refreshed. This can be useful if you are working on a Raw HTML page or a page that contains "live" pagelets.
Ways to reload the Web View:
- Choose "Reload Web View" from the View menu.
- Press command-r.
Text Size
As in a normal web browser, you can set the size at which the Web View will display text. This setting only affects how the text is displayed on your monitor. It does not affect the size of the published text. You generally use it to see how some visitors might view your site.
To set the Web View text size:
- Open the View menu.
- Choose "Make Text Bigger," "Make Text Smaller" or "Normal Text Size."
Sandvox Pro
If you have Sandvox Pro, the Web View can be used to display more than just the standard "preview" style.
To set the Web View viewing style:
The available choices are:
- Standard Web View
- The normal web browser "preview" style.
- Without Styles
- Displays the page without any styles, making it graphics free. This is how visitors using browsers without CSS support will see your site.
- HTML Source
- Displays the raw HTML code that makes up the page. This view is read-only; you cannot edit the code.
- RSS
- If the selected page is a collection and is set to generate an RSS feed, you can use this menu to display the XML of the RSS feed. This view is read-only; you cannot edit the code.
- Validate HTML (w3.org)
- Select this menu item to have Sandvox validate the page. If validation fails, the results are displayed in the Web View.
For advanced HTML troubleshooting, you can access one additional view, DOM Source, by holding down control-option-command-U. This will display how the page's code has been interpreted by WebKit.
In the HTML Source, DOM Source and RSS views, Sandvox will also use colored syntax for improved readability.
