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.

1. Background/Foreground Contrast: By default the component will have a light background and dark text. To change contrast settings, select from the dropdown pictured above. 
   • A light background versus a light colored background differ in that a light background is used for solid colors and a light colored background is used for gradients. By selecting light colored background, the text becomes slightly transparent and allows for some of the background color to be visible through the text. 
   • For more granular control, the option to customize these contrast settings also exist per device.
2. Solid Color: Select from five solid color options (white, light gray, medium gray, dark gray, black) or none.  This should be selected even when using a gradient so that in case the gradient does render, the background will default to the solid color selected.
3. Gradient: Select from twelve gradient or textured flood options and a swatch will appear in the preview pane.  See below for how light and dark text will appear on a gradient background.