Skip to main content
Pepperdine | Community

Tab Widget

 

Description

The tab widget is a content box with horizontally tabbed content areas. The minimum number of tabs is two and the maximum is six.

 

 

Recommended Sizes

Full | Three-quarters | Two-thirds | Half

 

 

Preview Tabs

Tabs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse at elit lectus. In id lorem eu turpis porta ornare. Etiam sit amet justo massa. Mauris sed arcu quis odio viverra pellentesque aliquam id augue. Donec vitae interdum ipsum. Nulla lectus orci, hendrerit at urna at, molestie vehicula augue. Curabitur pellentesque nisi sed cursus pharetra.

Sed auctor vulputate risus ut fringilla. Maecenas euismod dictum fringilla. Vivamus suscipit dignissim feugiat. Sed pretium sit amet lorem sit amet pulvinar. In ligula est, vestibulum a efficitur at, auctor vitae massa. Nulla euismod sodales ipsum eu malesuada. Sed nec ex maximus, tempus purus sed, congue dolor. Vivamus a metus nec odio semper malesuada in sed elit. Maecenas at urna vitae ligula gravida pharetra volutpat a tellus. Phasellus ut quam commodo, gravida augue sed, ullamcorper nisi. Fusce vehicula eleifend ante, et faucibus ipsum tincidunt ut. Integer posuere molestie turpis, et blandit elit. Aliquam gravida, mauris id fringilla bibendum, erat enim vehicula dolor, sit amet scelerisque mauris libero sed dui. Aliquam lacinia lobortis egestas.

Suspendisse faucibus accumsan lacus, eget venenatis metus pulvinar non. Proin in neque posuere, posuere dolor et, lobortis lorem. Nulla varius in justo fermentum iaculis. Aliquam pretium venenatis neque. Mauris maximus arcu est. Sed nisl metus, molestie vel augue a, vehicula tristique nunc. Ut semper tortor finibus, tempor turpis non, pharetra odio.

Nunc nec massa feugiat, cursus metus vel, aliquet ex. Maecenas scelerisque rutrum suscipit. Maecenas et imperdiet diam, eget sagittis velit. Nam eget elit ligula. Duis tempor nisi at cursus consequat. Pellentesque sit amet nunc volutpat, rutrum nunc a, gravida tortor. Quisque vulputate tortor nisl, lacinia pulvinar turpis imperdiet ut. Vivamus eget felis in nibh aliquet bibendum placerat in tellus. In in lacus mollis, imperdiet diam sit amet, rutrum nunc. Nulla rhoncus neque vitae nisl ornare porta. In est nibh, efficitur ut elit id, consectetur elementum neque. Integer nulla orci, tincidunt vel hendrerit eget, blandit at lacus. Nullam ut felis in nisi posuere ornare. Ut varius efficitur porta.

Morbi sollicitudin dignissim ante vitae molestie. Aenean aliquam dolor auctor, ultricies lorem a, semper magna. Vestibulum a orci viverra, scelerisque neque vitae, mollis est. Curabitur dignissim nibh mi, eget consequat dolor accumsan ac. Mauris euismod feugiat iaculis. Suspendisse vel imperdiet massa, vitae tincidunt ex. Maecenas sollicitudin sit amet massa ut semper. Donec in tellus leo. Vestibulum a leo pellentesque, laoreet diam sed, placerat erat. Vestibulum at sapien dignissim, dapibus erat eu, mattis massa. Nullam nec pulvinar orci.

Mauris viverra elit in molestie malesuada. Quisque quis ultrices tellus, vel tincidunt massa. Aliquam a metus non odio vestibulum aliquam vitae ut est. Proin felis libero, interdum et nisi sit amet, ultrices pulvinar sapien. Nunc ornare tempor sapien, et hendrerit orci efficitur eu. Aliquam imperdiet, leo in egestas vehicula, erat sapien tincidunt purus, vel feugiat ex sem elementum est. Suspendisse varius elit quis augue commodo, id rutrum augue elementum. Cras nec commodo lorem. Nullam mollis massa dui.

 

 

Creating & Editing a Tab Widget

Instructions

  1. If you are not logged on, see How to Log On to Modern Campus CMS.
  2. Click the Content tab.
  3. Click the New button.
  4. Click the Tab Widget.
    Note: You do not need to be in the widgets folder as all widgets will be created in each department's widgets folder.
  5. Optional: Give your widget a heading text.
    Note: This will appear above the content area of the widget.
  6. Optional: Choose a heading size for the heading text.
  7. Optional: Type in or browse to a URL for the heading text.
  8. For each tab that to be displayed, select the Show Tab checkbox.
  9. Enter a Tab Heading for each tab to be displayed.
  10. Give your widget a filename.
    Note: It is highly recommended to begin the name of the widget with its type followed by the purpose of the widget with hyphens in between. Do not enter a file extension.
  11. Click the Create button.
  12. In the edit window, select the region to edit.
  13. Click the Save button.
    Note: This will bring you to the Preview window.
  14. Click the Edit button and repeat steps 12 and 13 for each tab.
  15. Publish (See Basic Steps to Publish Content).

Review and Edit

  • To add or remove a tab or the widget heading check-out the widget and go to the Properties button.
  • To edit a tab content region click the Edit button and then click the "Edit Tab" button.
  • Save and Publish.