Skip to main content
DC Help logo DC Help

Topical Navigation

  • Home
  • Best Practices
    Best Practices
    • Checklist for New Content
    • Web Standards and Guidelines
    • Staffing a Digital Commons Website
    • Cybersecurity Awareness
  • Drupal Help
    Drupal Help
    • Getting Started
    • How do I?
    • Drupal 7 Help
    • Example Pages
    • Digital Solutions Glossary of Terms
    • Platform Roles and Permissions
    • Requesting Help with a Website Problem
  • DC 2.0
    DC 2.0
    • FAQs about Digital Commons 2.0
    • Content Types on D8
    • Fixes and Features
    • D8 Migration Schedule
  • Training
    Training
    • Training Videos
    • Website Managers
    • Training Registration
  • Accessibility Guidelines
  • About
  • Blog
  • NC DIT
  • NC.gov
DC Help »  
Drupal Help
»  
Drupal 7 Help
»  
Vertical Tab

Vertical Tab

Audience

Site Admins and Site Managers.

Summary

You can add a vertical tab to the right side of every page in your website. It scrolls with the page.

example of vertical tab

Procedure

In the Admin menu, select Configuration/NC Custom Vertical Tab (admin/config/nc-custom/vertical-tab)

screenshot to select vertical tab

1. Click the "Enabled? checkbox to make the message visible. (Deselect it to remove the message).

2. Enter a Title for the tab. Keep it short, about 35 characters including spaces.

3. Enter a link in the URL field.

4. Select a Background color. The default is red.

5. Click the Save Configuration button.

screenshot of procedure for steps one to five

Note that a color change may require a cache clear to take effect. If you don't see the color change, contact your Digital Commons point of contact to clear the cache.

 

 

Drupal 7 Help

  • Event Card
  • Alert Block
  • Drupal 7 Training Videos
  • Animated Stat Card
  • Article Card
  • Audio and Podcast File Embed
  • Block in the Right Rail
  • Block with Flickr Embed
  • Breadcrumbs on Data Tables
  • Broken Link Report
  • Bulk Upload
  • Button Styles
  • CTA Card
  • Carousel Drupal 7
  • Catalog Creation
  • Clickable Telephone Numbers Drupal 7
  • Data Table Editing
  • Document
  • Event Drupal 7
  • File Naming Conventions
  • Files: Uploading, Replacing and Deleting
  • Flickr Photo Album Embed
  • Follow Us Block
  • Hierarchical Select Menu
  • Homepage Metatags
  • Image Formats
  • Image tags - Alt and Title
  • Images in the WYSIWYG
  • Landing Page
  • Large Data Tables
  • Link to an Accordion item on the same page
  • Linking to a Tab or Accordion
  • Managing Content
  • Mobile Menu
  • NC Map Block
  • Person Card
  • Press Release Drupal 7
  • Quick Links Block
  • Redirects to Create Short, Friendly URLs
  • Related Content
  • Relative Link to Filtered View
  • Send Copy of Webform to Submitter
  • Service Card
  • Site Page
  • Social Share Block
  • Stat Card
  • Summary Field
  • Table Caption and Width
  • Tabs and Accordions Drupal 7
  • Text Editor - WYSIWYG
  • User Accounts - Cancel a User Account
  • User Accounts Adding a New User
  • Vertical Tab
  • Video Card Drupal 7
  • Video
  • View in a Block
  • Viewing Webform Submissions
  • Webform in a Block
  • Webform
  • Webform: Add Captcha
  • Workbench

Share this page:

  • Facebook
  • Twitter

How can we make this page better for you?

Back to top

Contact Info

Digital Solutions
North Carolina Department of Information Technology

109 E. North Street,
Raleigh, NC 27601-1058

 Map: Phillips Building

  • Accessibility
  • TERMS OF USE
  • PRIVACY
  • OPEN BUDGET
DC Help
https://digitalcommons.nc.gov/drupal-help/drupal-7-help/vertical-tab