Date-Ranged Content

TABLE OF CONTENTS

• Overview
• Implementing Date-Ranged Content
  • Step 1: View Source Code
  • Step 2: Add Div Tags for Content to be Displayed During a Specific Date-Range
  • Step 3: Adding a Start and End Time to your Date-Ranged Content

Overview

Date-ranged content enables you to edit your content to display different content depending on the date and time at which it is viewed. Date-ranged content can be used POIs, org details, and news notifications. 

Date-ranged content can be used to highlight event listings that are happening during a particular time period.

Implementing Date-Ranged Content

Step 1: View Source Code

Within the “Description” Field of the POI Editor, select “View Source Code”

You will now be able to see the html code for your POI's description.

Step 2: Add Div Tags for Content to be Displayed During a Specific Date-Range

Next you will need to edit the html code for your POI by adding div tags around the text that you want to be displayed only during a specific date range.

Before the text  add: <div class="ds-show" data-ds-show="2018-08-02,2018-08-02">

After the text add: </div>

The two dates separated by a comma are the start and end date during which the date-ranged content will be displayed.

Step 3: Adding a Start and End Time to your Date-Ranged Content

To add a start and end time to your date-ranged content, follow the format shown below.

Before the text  add: <div class="ds-show" data-ds-show="2019-06-07T18:00:00Z,2019-06-07T20:30:00Z">

After the text add: </div>

If no time is provided for the STARTING date, the content will be shown starting at the beginning of that calendar day.

If no time is provided for the ENDING date, the content will be shown until the end of that calendar day.

Both the times and dates are assumed to be the LOCAL time as used in the app/browser.

Should you require further information about this feature, please contact support@driftscape.com