Content Navigation Content Background Anchor Settings
 
  1. Text Alignment: Choose to left justify or center align your headline, subheadline, and link.
  2. Headline Text: Specify  the Navigation Frame headline and an SEO tag to wrap the text with.
  3. Subheadline Text: Specify the Navigation Frame subheadline and an SEO tag to wrap the text with.
  4. Text: The user-facing text for the link.
  5. Action: Select an action from the dropdown.
  6. Tooltip: The tooltip appears when hovered over the actionable content.
  1. Jump To Menu Text: This text will be displayed on the Jump To Menu button for mobile and tablet only.
  2. Open/Close tooltip: This is the tooltip that will be displayed when the user hovers over the open/close button.
  3. In-Page Link Text: This is the user-facing navigation link text that will show on the left pane.
  4. In-Page Link Action: Select an action from the dropdown (link, scroll-to-component, modal, pricing).  
  5. In-Page Link Tooltip: This tooltip appears when hovered over the actionable content.
  6. Reorder and/or delete link items using the controls next to each item.  Click the green + icon at the bottom of the list to add a new item.
    • From the In-Page Navigation dialog, find the desired navigation link, change the Action to “Scroll-to-component” and point to the associated component’s anchor name.
    • Double click into the component you dragged into the parsys and navigate to the Anchor Settings tab. From there you can add the anchor name.
  7.  Button Label: Set the button text that will be displayed to the user.
  8.  Button Action: Select an action for the button from the dropdown.
  9.  Button Tooltip: This tooltip appears when hovered over the actionable content.
  10. Link Label: Set the link text that will be displayed to the user.
  11. Link Action: Select an action for the link from the dropdown.
  12. Link Tooltip: This tooltip appears when hovered over the actionable content.

 

The background of the In-Page Navigation Frame will extend to the full browser width.  By default there will not be a background color.  If a solid color is selected, that would display unless the Gradient has been selected.

  1. Color: Select from 14 color options (white, light silver, light slate, dark silver, black, blue, dark blue, slate, teal, dark slate, dark teal, light silver texture, light slate texture, dark blue texture, dark slate texture, and dark teal texture) or none.  This should be selected even when using an image so that in case the image doesn’t render, the background will default to the color selected.

  2. Background/Foreground Contrast: The Background/Foreground Contrast setting will adjust according to the Background Color that has been selected.  The author can change the setting, but if an inaccessible combination of color and contrast is selected, a warning message will appear. 

    For more granular control, the option to customize these contrast settings also exist per device

1.   Anchor Name: The field where you can assign a unique anchor name to this banner component so it can be linked to from within the page if necessary.

Try it with these components

Basic List

Jump to different lists on your page with In-Page Navigation.

Learn more

Full Rich Text

Have a text heavy page? Use In-Page Navigation to let your users jump to specific sections.

Learn more