ÀÏ°ÄÃÅ×ÊÁÏ

An accordion is a collapsible set of question and answers or headlines and collapsed or hidden text. This is most frequently use as a Frequently Asked Questions (FAQ) section. You can make an accordion a page or a tier in the advanced layout.

The accordion (FAQ) is set up similar to other pages/tiers. Examples of an accordion (FAQ) are on the Advance Layout page and in the Web Training horizontal menu under Examples.

An Alert Feed lets editors create an "alert" that can appear at the top of the web page, underneath the banner image or anywhere a normal text field can be added. Alert Feeds can also be setup to publish and expire on their own at certain dates and times. For more information on how to set up an Alert Feed on your web page, contact webmaster@unf.edu.

As noted in the Attach Blocks section of the Using Blocks page, you can create a block and share it on multiple pages by attaching the block in the Attach Pages / Blocks Tier. Along with attaching blocks, you can also attach pages in this section or build static content right into the tier.

• Setup your Attach Tier the same way you would setup a columns section with a content block above, number of columns and a background color.
• You will then see an Attachable Regions group with a Type option.
  • Attach Pages allows you to preview page content in your Advanced Page.
  • Attach Blocks allows you to share HTML content across pages without building a whole new live page.
  • Static Content lets you build a WYSIWIG editor in the page.

Attaching a Page

• After selecting Attach Pages as your type you will have the option to add a Headline (h2) to give a title to your page section.
• Next attach the basic page you would like to share to this Advanced Page in the Attach Page field (this option only allows sharing from basic page content). In this field you can attach multiple pages by hovering over the item and selecting the green Add new field option.
• The Format field should always be set to Default unless you are editing the ITS webpages.
• The tier will build out a section of your page using the Metadata Description box (more information on editing this can be found on the Metadata page) and h1 from the page as well as the h2 you added in the Headline field. There will also be an automatically generated Learn More... button linking to your shared page.

Attaching a Block

• After selecting Attach Block as your type you will see a field called Attach Block.
• Attach the HTML _Block you would like to share to this Advanced Page in the Attach Block field (guidance on how to build this block type is on the Attach Blocks section of the Using Blocks page). In this field you can attach multiple pages by hovering over the item and selecting the green Add new field option.
• Any HTML content attached in this block will then appear on your page.

Static Content

The Static Content type option will allow you to seamlessly add nonshared content to these sections. When selecting this option you will be presented with a WYSIWYG editor to add your content to.

We have added to the Basic Heading Tier an anchor or bookmark link to the bottom of the panel highlighted in yellow below. It is under Heading Anchor/Bookmark Link. Add your anchor name here as one word with no special characters.

• Background Color is the overall color.
• Block Color is the color within content field.
• No Bottom Margin will delete the white space between tiers.
• No Gutters will remove the space between the columns.

Special Slash Columns

A special type of column can be selected from the Number of Columns dropdown called Special Slash Columns. This is a special method of creating a callout style column that is 3/4 Osprey Blue and 1/4 ÀÏ°ÄÃÅ×ÊÁÏ Aqua Blue (Cyan). An example of this feature can be found in the columns section of the Advanced Layout page.

A countdown timer allows you to showcase how many days, hours and minutes are left until the start of an event. The countdown timer also lets you set a message for after the timer has finished counting, such as "Happening Now!" or any other verbiage you'd like to use.

• Select a date and time from the Countdown Timer calendar selector for the timer to count to.
• Type your message to display after the timer has counted down in the Expired Message text box.

Here is an example of a timer set to expire in the future looks like. Below it is an example of what an expired timer could look like.

This tier is only used by Web & Digital and ITS.

News / Events RSS Tier allows you to have a continuously updated calendar of events and newsroom stories.

There are a few options for this tier. Under the FlexSplit section, Newsroom and Events Type, there is a drop-down with List and News Blocks.

• List will make a two column design of the Newsroom feed and the Events Calendar or a Photo and the Events Calendar. When you choose List you will have two sections Left Side and Right Side.
  • The Left Side is where you will find the Type (News List, Photo or Embed). If you choose List under Type you will get a Newsroom feed of the latest stories. The Headline is a link to the full article and a small synopsis of the article. Underneath Type, you have an optional Headline and a Headline Button. The Headline Button will add a button link directly under your headline.
    • Data Source should be Dynamic.
    • News Category will give you the option for specific categories such as Community, Campus News or Colleges.
    • Number of Items is how many stories you want to show.
  • The Right Side is for the Calendar. Headline Button gives you the option to link to a page such as, the main calendar. Feed Type will be Localist Feed. There are two feeds from Localist that you may choose, Academic or Featured. Please contact, Web and Digital Services for the Localist API Feed. Pick the Number of Items between three and five items to view.
• News Blocks will pull the latest Newsroom stories with images, headlines and a synopsis of the story into a three column design. You will be able to specify your Background Color, Block Color, News Category and Number of Items displayed. This option on our Advanced Layout.

Photo Parallax is a visual effect where the background image appears to stay still while the foreground shifts horizontally. Finding an image that will look good as a parallax can be tricky. Please contact webmaster@unf.edu for assistance.

Shared Advanced Block Tier attaches an Advanced Block to your page. The Advanced Block is under Block Types when you Add Content. The Tier Types are the same for Advanced Page and Advanced Block.

The advantage of using the Shared Advanced Block is to be able to put the same information on several pages and edit the information in one place.

Spacers allow the user to create a blank tier that can add extra space between multiple tiers. When editing your page you can add a "Spacer" tier and choose whether you want that spacer to have a background color or be white space. You can also choose the No Margin checkbox to make spacers with color have no white space underneath the color.