Facebook Pixel Snippets Gadget - OU Campus Self-Help at WKU | Western Kentucky University Skip to main content

Snippets Gadget Overview

The Snippets Gadget is a sidebar gadget that gives users the functionality to add previously created snippets to an editable region from the Gadgets sidebar when using the WYSIWYG Editor and Source Editor. This gadget is useful in that it helps streamline the workflow process when adding snippets to a page, providing drag and drop functionality to the OU Campus system.

Snippets Gadget

It is important to remember that the Snippets Gadget does not appear in the Gadgets sidebar until an editable region has been opened in the WYSIWYG Editor or when using the Source Editor. The functionality available with the Snippets Gadget includes:

  • The ability to delimit the list of snippets by snippet category. All snippets are shown by default once the Snippets Gadget is expanded. Choose a category from the drop-down to view all the snippets assigned to that particular snippet category.
  • Previewing a snippet by clicking on it.
  • Inserting a snippet onto a page by double-clicking it.
  • Dragging a snippet onto the editing area to insert it on a page.

Once a snippet is inserted on a page, it can be edited without modifying the original snippet.

When previewing the snippet, the following functionality is available:

  • View Rendered: The default view previews the snippet as rendered based on how it will appear when inserted on the page.

    Preview the Snippet

  • View Source Code: Shows the underlying markup or text, if not otherwise restricted by an administrator.

    View Snippets Source Code

  • Insert: Click the Insert button to insert the snippet on the page.

To close the preview, click the Delete icon or click on the Snippets Gadget.


Inserting a Snippet Using the Snippets Gadget

If you have an idea for a snippet please email the idea to webmaster@wku.edu.

To insert a snippet onto a page using the Snippets Gadget:

  1. Edit the page with the WYSIWYG Editor.
  2. If the Gadgets sidebar is not visible, click the Show Gadgets icon to show the sidebar.

    Show Gadgets Icon

  3. Expand the Snippets Gadget using the expand icon.
  4. If necessary, Select a snippet category from the categories drop-down. If the snippets are not categorized, then all snippets are displayed in the list. This example shows the snippets within the Navigation category.

    Select Different Categories of Snippets

  5. Choose a snippet from the available list then add it to the page using one of the following methods:
    • Double-click the snippet name

      Double Click on the Snippet to insert

    • Drag the snippet onto the page

      Drag and Drop snippet into WYSIWYG

    • Click to preview the snippet and then click Insert

      Insert via the Insert Button

The snippet becomes part of the page and can be edited without affecting the original snippet.

Snippet Inserted


Need Assistance?

The WKU ITS Service Desk is here to help. Give us a call, chat with a representative online, use the Self-Help Knowledge Base and more.

Get Help

Some of the links on this page may require additional software to view.

 Last Modified 10/22/18