Prime Footer

Vahe Voskanian -

The Prime Footer feature gives you the ability to create modern, responsive footer menus which can be fully customized to fit your needs.

 

 

Requirements and Activation

The Footer feature requires that the Prime master page has been applied before use. For a step-by-step guide on how to setup your site with the Prime master page please review the Site Master Page Setup section in the Post Install Configuration article.

To activate the Footer feature on your site collection (this has most likely already been done) navigate to Site settings > Site collection features and choose to Activate the "Emgage | Prime Footer Feature." 

 

Creating a Footer Menu

Clicking the Edit Footer gear icon allows select user to create new, or update existing footer menus. Only users who are part of the "Prime Navigation Administrators Group" will see the Edit Footer gear icon and be able to manage footer menus.

  1. Click on the Edit Footer gear icon (located at the bottom right of the page).




  2. Initially, there will be no Footer(s) to choose from in the Select Footer drop down list. To create a new footer, click on Create New Footer.



  3. Give the footer a name and click on Create. You may select the the option to "Make this footer available to all site collections on this farm" by checking the box underneath the name (Recommended). If unselected, the footer will only be available for use on the site select in the "Move footer to" drop down. If you're unsure what to select, don't worry, you can always update your selection at a later time.





  4. You will now be directed to the Footer builder. This is where you'll create, rearrange and remove menu items.

 

 Configuring a Footer Menu

There are two options available to configure the menu. 

  • Footer Options (Yellow box)
  • Add Section (Red box)

 

Footer Options 

Click on the Footer Options arrow to reveal a drop down options menu. Here you will be able to add or remove columns from your footer menu by clicking on the + or – signs. 

 

  

Add Section

Hover over the Add Section text to reveal a pop-up menu displaying available section types which can be added to the footer menu.

 

 

Link Section

The Link Section provides a simple interface for adding a list of links to your Prime Footer menu.

  1. Adding a Link Section:

    Hover
    your mouse over the Add Section text and click on Link Section in the resulting the pop-up menu. A Link Section will be added to the footer builder.



  2. Configuring a Link Section:

    Expand
    down the section options by clicking on the arrow located to the far right of the section header. Here you can configure the Section HeaderHeader Link, and the option for the link to open in a new browser window (Open in new window). There is also an option to Remove the Link Section if desired.

    When finished, click the options arrow again to collapse the options panel.




  3. Adding and Configuration Links:

    One Link is added to a Link Section by default. To add additional Links, click the Add Link text located at the bottom left of the Link Section.

    To configure a Link, expand down the link options by clicking on the arrow located to the far right of the link header. Here you can configure the Link TitleLink URL, and the option for the link to open in a new browser window (Open in new window). There is also an option to Remove the Link if desired.

 

HTML Section 

The HTML Section provides a simple interface for adding freeform HTML and basic Javascript to your Prime Footer menu.

  1. Adding an HTML Section:

    Hover
    your mouse over the Add Section text and click on HTML Section in the resulting the pop-up menu. An HTML Section will be added to the footer builder.


  2. Configuring an HTML Section:

    Expand
    down the section options by clicking on the arrow located to the far right of the section header. Here you can configure the Section HeaderHeader Link, and the option for the link to open in a new browser window (Open in new window). There is also an option to Remove the HTML Section if desired.

    When finished, click the options arrow again to collapse the options panel.




  3. Adding HTML Content:

    Add custom HTML content to the HTML Section by either using the options available in the HTML toolbar, or by selecting the Show/Hide HTML Source View option (first option in toolbar) and adding your own markup. The HTML Section also accepts basic javascript.



Section Drag-and-Drop

Note that all Footer Sections and Links support Drag and Drop. Simply click and hold the mouse pointer (will appear as 4 arrows) on the header bar of any item and drag it to the desired location using your mouse. When the item placeholder (dotted outline of dragged item) appear in the desired location, drop the item into place by releasing the mouse button.

 

Saving and Applying a Footer

  1. To save your footer click the OK button located at either the top or bottom of the Footer builder. This will redirect you back to the Footer Manager.



  2. To apply a saved footer to your site, first choose the desired footer from the Select Footer dropdown.



  3. Then click on the OK button located at either the top or bottom of the Footer Admin page to apply.

 

Adding Footer Text

The Footer Text option allows you to add a line of text below the Footer menu. This is a great place to add Copyright notice.

  1. Open the Footer Admin page by clicking on the Edit Footer gear icon (located at the bottom right of the page).

  2. Type your desired footer text in the Footer Text input box located at the bottom of the Footer Admin page.



  3. Click on the OK button located at either the top or bottom of the Footer Admin page to apply.

 

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.
Powered by Zendesk