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 Version History

« Previous Version 2 Next »

Introduced in v2022.4 - August 2022

The Timeslider offers a new way to find available resources based on a specific time range.
  • This is an opt-in UI update.

  • Some experience with JSON is recommended but not required.
    If you require any assistance please contact our support team at helpdesk@qedas.com

The new marker has an updated shape along with an always visible name label, allowing users to easily find the correct resource.

The name labels can easily be hidden using the show/hide tooltip button.

How to test the Timeslider

To test the Timeslider before enabling it for all users you can add &timeslider to the end of the Map URL.

Navigate to the Map Profiles page via the Admin Dashboard, this can be accessed under the Administration Settings menu.

Find the Map profile that you want to test, then click the Preview icon ((blue star)).
The map will be displayed in a popup window, copy the URL for this page.

Paste the URL into a new browser tab and append &timeslider to the end of the URL.

The Timeslider will now be available.

How to enable the Timeslider

By default the Timeslider is disabled, it can be enabled via the Stylesheet.

Navigate to the Stylesheets page, found under the Administration Settings menu.
Find the correct Stylesheet from the list and click the Edit icon ((blue star)).

 How to find the Stylesheet being used by the Map Profile

Navigate to the Map Profiles page via the Admin Dashboard, this can be accessed under the Administration Settings menu.

Find the Map profile that you want to update, then click the Edit icon ((blue star)) in the Action column.

This is the Stylesheet that needs to be updated.

You will see the Stylesheet editor, it should look similar to the above.

In the JSON text above the line /** LINE REQUIRED - CSS BELOW **/ add the below value after the first curly brace “{ … }”.

"timeslider": true,

The stylesheet should now look like this.

Ensure that the spelling & syntax is correct.

Click Save.

On the next refresh, the Timeslider will be available.

Additional Timeslider Configuration

Using the Timeslider

  • No labels