JEP - Countdown Tile - Configuration Guide

Document created by mayabhatt Employee on Sep 12, 2019Last modified by mayabhatt Employee on Nov 26, 2019
Version 4Show Document
  • View in full screen mode

Steps to configure Countdown Tile

1. Go to the Place (Space, Group) where the Countdown Tile needs to be configured.

2. Go to Activity Page > Settings > Add a Tile.

3. Click on External Add-ons in Categories and select JEP: Countdown Tile.


4. The Countdown Tile is displayed as shown below.

5. Clicking on the gear icon on the top right corner also displays the 2 options to configure the Countdown tile:

6. Set the General and Countdown settings.

General Settings

Specify the Title of the tile.


Enable Display tile title? to enable the tile title.

State Headline and set Headline Alignment.
Detail the Description in this section and set Description Alignment.
Set the Background image, position and Padding and Text color details here.

Define the Action Link by providing details of Action label to be displayed with the Action URL.


Enable Open in new window? to open the action URL Pr a new window and set Action Alignment.

Countdown Settings

In the screen Countdown settings, specify the following details:

- Date: Provide a valid date.

- Time: Provide a valid time.

- Timezone: Select the Timezone from the list of drop-down values.

In Display Settings, the details can be enabled as required for display.

In the Display Style, the details can be enabled as required for display.


7. Verify the Countdown Tile screen to ensure that the configurations are completed successfully.


8. Save Tile Settings.


Countdown Tile is configured successfully!



Countdown Tile - Configuration ExampleSettings

Display Style : Flip


Display Style: Digital


Display Style: Default

General Settings:

- Title: JEP Countdown Tile Launch

- Display tile title? : Enabled

- Headline: Welcome to JEP - Countdown Tile (centrally aligned)

- Headline Alignment: Center

- Description: Describe the customized Countdown Tile here in one or two lines.

- Background Image url. Background position: Top center

- Padding: 20px (all around)

- Action label with Action url: "AureaWorks News" with link url.

- Open link in new window?: Enabled

- Action Alignment:Center


Countdown Settings:

- Date: 2019-09-14

- Time: 6:17:41

- Timezone: GMT + 5:00

- Display Settings: Enabled all options

- Display Style: (Please see the 3 illustrated images based on different Styles)

1 person found this helpful