Snippets are inserted into the page using the WYSIWYG Editor and become a part of the page. They provide an easier and standardize way to insert design / content elements. Some examples include tabs, FAQ drop down lists and Custom Headers. The objective of snippets is to give users without html experience the ability to create more complex elements.
Most of our snippets are what we call Table Transformations. In the WYSIWYG it will look like a table, however in Preview Mode within OUCampus and when your file is published out it will "Transform" into typically a more complex set of code.
These snippets only work with the old templates. Visit Funny Monkeys for information about new template snippets.
- Display Headers: Tan Header with Black Pointer (fixed width)
- Navigation: JQuery Accordion
- Navigation: JQuery Tabs
- FAQs: JQuery FAQs
If you have a new type of snippet you would like to see added, please just email firstname.lastname@example.org and let them know. If they think it is broad enough that all of campus can use, they will add it.
You can add a snippet to a page through two different methods. You can add a snippet from the Snippet Gadget, or you can add them through the WYSIWYG.
Adding Snippet through WYSIWYG
- Click the Insert Predefined Snippet Content icon from the WYSIWYG.
- From the Category drop down, select a Category.
- Select a snippet to be inserted from the Snippets list.
- The chosen snippet is shown in the Preview window.
- Click Insert.
The snippet can now be modified to meet the needs of the page using the WYSIWYG.
Has Your Site Been Migrated?
The information on this page is for the old templates. New snippet information is available at the Funny Monkeys example site.