Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 3 Next »

Blog Tile Layout

  1. Choose your layout. There are two different modes or layout options to choose from:

    • List View

      • displays blogs in a list view

    • Masonry View

      • displays blogs in a masonry view

    • Note: You must select a layout before continuing to edit the other components of this tile.

  2. Once you select a layout all other feature sections display and you are now ready to configure the tile. (NOTE: If you added Copy to the Migrate configuration section you will not need to fill out any of the sections in the Blog Tile.)

Save All now before moving on to the next section. Scroll to the bottom of the tile and click the Save All button.

Blog Tile Setup

  1. Add the  Tile header

  2. Click Add blog to select the blogs you want to display in the tile. 

    • You can select one or multiple blogs to display

    • You can choose from personal blogs, system blogs and place blogs

    • Note: You must select at least one blog to continue.

  3. Choose to Restrict by tag

    • If you select this option, you will be asked to enter in the tag(s) below. Enter in one or multiple tags, separated  by a comma. 

    • Restricting by a tag(s) will only return results with the specified tag(s) and may override additional filtering managed in the “Filters” section (see below).

  4. Set the Preview Image. Choose what image you would like to display.

    • Image from the post

    • Author avatar

    • None

  5. Set the Date to display. Choose from the following options:

    • Relative

    • Absolute

    • Hide

  6. Select what medidata you would like displayed by checking the box for the following:

    • Show Author

    • Show divider lines

    • Show border

    • Alternating row highlights

Save your changes. Scroll to the bottom of the tile and click the Save All button.

Blog Tile Filters

To help users sort through all displayed places, you may pre-define several tags, grouped as Filters. When a tag is selected, the grid will animate to remove non-matching places. For each filter, you must specify

  • Filter Heading: This is the categorical label for a group of tags. For example, if your tags are “red,” “blue,” and “green,” your filter heading may be “Colors.”

  • Blog Post Tags: These are the place tags associated with each display name. 

  • Display name for tags: You can write a friendly name for each tag. For example, your tag may be “so-cal” but your displayed tag can be “Southern California.”

  • Set default filter: Check this box on the filter you want visible when the blog first loads on the page. These will be the posts users see first.  

A preview is displayed at the top of the the filter configuration area. Wide view shows the appearance of filters in large columns, whereas narrow view simulates the filters as they will appear in mobile or in Jive’s skinny sidebars.

NOTE: If you add five or more tags, the horizontal bar will convert to a dropdown due to space constraints. Therefore, the horizontal bar is intended for scenarios where a maximum of 4 tags need to be displayed.

If you add several filter headings, each with their own set of tags, the filters will display as several dropdown menus.

Here’s how to add a new filter:

  1. Select New Filter to add a new filter category

  1. Add details for your filters

    • Add the Filter heading

    • Click Add Blog Post Tag if you want to feature places based on tag and for each item add the Display name and Associated tag

    • Repeat the above steps for each additional Filter 

      • Note: The horizontal link bar will be displayed when only one filter category is added, with less than 5 blog post tags. Otherwise, dropdowns will be displayed.

    • Click Set as default for the filter you want displayed as the default

Notes on adding Filters:

  • If you add one Filter 

    • In the Wide View the links will display in a horizontal bar

  • In the Narrow View the links will display in a dropdown menu

  • If you add multiple filters

    • In the Wide View the links will display horizontally as separate dropdowns

  • In the Narrow View the links will display in a dropdown menu 

NOTE: When using the Blog Tile, users can opt to clear any selected by clicking the Clear filters option in the user interface.

  • No labels