People / New Hires Tile Version 1.4

About the Tile

This tile allows you to display a list of members – either automatically based on the hire date or manually select people. You can configure the tile’s title, colors, fonts, how many standard profile fields to display, as well as a time frame for displaying these people (15-180 days) and how many to show at a time.

 

Configuring the Tile

  1. Once you’ve installed the tile in your community, you can then add it to the page you want it to appear upon. To access the tile’s configuration panel for editing in the future, click the gear icon in the upper right corner of the tile. 

  2. You are now ready to configure the tile.

    People New Hires Tile Configuration panel

     

Configuring for Automated Display of Names

  1. Select Setup in the configuration panel and choose “Dynamic” to display a list of new members automatically based on their hire date.

     

  2. Enter text for the Tile title. This text is the large headline for the tile.

  3. Enter the number of initial results that will display on the screen before clicking Load More.

  4. The Time Span indicates how far back in time the tile will look for new people to display. (In this example, the tile will display people who “joined” in the past 60 days”).

  5. By default, the Display options will show a person’s location, job title and department in addition to their name. Uncheck a box to remove a profile field from view.

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

    Note: You are not required to save after editing each section; however, we recommend you do to avoid accidentally closing the configuration panel without saving. You can click Cancel to cancel all your changes and leave the configuration panel.

     

Configuring for Curated Display of Names

  1. Select Setup in the configuration panel and choose “Curated” to select the names of the people you wish to display in the tile

  2. Enter text for the Tile title. This text is the large headline for the tile.

  3. Enter the number of initial results that will display on the screen before clicking Load More.

  4. By default, the Display options will show a person’s location, job title and department in addition to their name. Uncheck a box to remove a profile field from view.

Curated Setup

5. Select the Add user button. A Jive Search popup box will appear where you can either search for the person or browse through frequently viewed or recently viewed.

Search

6. Add the names that you wish to display. You can rearrange the order of names by dragging and dropping with your mouse.

7. Tip: If you want to group the names of people in the curated list, make sure you create the categories first. Then you can associate the names of the people in each group. (See next section).

Example of configuration of people with a grouping
Example of adding a name and a category.

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

Note: You are not required to save after editing each section; however, we recommend you do to avoid accidentally closing the configuration panel without saving. You can click Cancel to cancel all your changes and leave the configuration panel.

Configuring Categories for Curated Display of Names

Optional: In addition to adding names in a list, you now have the option of grouping lists of people under specific category headings.

  1. Select the +Add Category

  2. Fill in the Name of the Category


    UI for Categories section of the tile

Here’s an example of what it will look like on the web page to the end user.

  • The order of the names is determined in the Setup section of the tile.

 

 

Configuring the Theme

  1. Select Theme to open the configuration options.

  2. Enter the hexadecimal code for the Tile theme color. This color applies to the title, the underline color and the Load More button. If you don’t know the hexadecimal value, convert your colors at http://rgb.to

  3. Enter the hexadecimal code for the Location, Department, and finally the Name and the hover over color for the Name.

Note: As you enter various hexadecimal codes for these elements a color preview is generated for you.

Theme configuration for the People tile

 

Adding Custom HTML

Optional: Custom HTML can be added in either or both the header and footer of this tile. For more instructions, see this tutorial.

Configure Fonts

General instructions are listed in the above guide. For this tile, you can configure fonts for the Tile Title, Name of the person, and Other Profile Fields.

Configure the Advanced Settings

  • Customize Margins. Set extra padding between this tile and other tiles on the page if desired.

Configure Google Analytics

Migrate Configuration