Knowledge Base/3.0 Enhance your reader and publication/3.2 Enhance your pages (PAGE EDITOR)

3.2.7 Add Side Navigation Tabs to your Issues - NEW! Multi Colored Tabs!

Nathan Virtue
posted this on July 01, 2011 11:28 am

Click Here for Video Tutorial

If you have specific sections of your publication, you can give end users direct access to those sections while using the flipbook.

To create side tabs, go to the page editor (Enhance button>page editor (zones/lists/text) - See Page Editor Access Screenshot below)


Page Editor Access Screenshot

Page_Editor.png

 

ACCESS THE SIDE TABS CREATION TOOL

Click on the tab with the "side tab" icon to come to the side tab creation tool and you can: (refer to Page Editor - Side Tabs - Add New/Edit Existing Side Tabs screenshot below)

  1. Add a new side tab by clicking on the  "add new" button
  2. View and manage your existing side tabs by clicking on the pencil icon to edit (see the section below) or clicking on the trashcan icon to delete the side tab

Page Editor - Side Tabs - Add New/Edit Existing Side Tabs

Page_Editor_-_Side_Tabs_-_Add_new-Edit_Existing_tabs_screenshot.png


ADD NEW/EDIT SIDE TABS 

Once at the add new/edit entry screen you'll need to:(refer to Page Editor - Side Tabs - Add New/Edit Existing Side Tabs below):

  1. Enter the title/label for the side tab
  2. Choose the page to which the side tab should take the user.  You can choose by navigating forward and backward using the arrows OR choose the page directly from the dropdown menu.  You can refer to a thumbnail preview of the page to make sure you have chosen the correct destination.
  3. NEW! Each Tab can have it's own color! Use the color wheel OR manually enter a hexadecimal color for your tab. 
  4. Click "save tab" button to add the tab to the side of your publication OR click "cancel" if you don't want to save the entry.

Page Editor - Side Tabs - Add New/Edit Existing Side Tabs

SideTabs-AddNewTab.png


Once you have a list of tabs, they will show on the sides of  your pages when viewed in the desktop flipbook interface.  When a user clicks on the tab they will be taken to the target page for that tab. 

Tabs that lead users to a page after the current view are displayed on the right hand side.

Tabs that lead users to a page before the current view are displayed on the left hand side.

MultiColored_Side_Tabs_-_Flipbook.png

 

NOTES ON SIDETABS:

  • Color is inherited from the flipbooks banner toolbar color  Multi-Colored Tabs Now Supported!
  • Text limit for each tab is between 16-20 characters (depending on the width of the characters used)
  • Side tab text does not wrap or shrink to fit.  Any characteres over the limit will not be displayed within the tab
  • Due to limited size of the edge of a page, tabs will begin to overlap if adding more than 10 tabs and may not be optimal for display.  Once tabs overlap, a mouse hover of the tab will reveal the full tab and its text

Video Tutorial