How do I configure 7pace Timetracker to work with DevOps Server configured with HTTPS?

QUESTION

I'm using DevOps Server over HTTPS  and am experiencing loading issues.

Timetracker pages show red notifications with text "TimetrackerOnPremises by 7pace failed to load":

In the browser console (F12), I receive the following error when I try to try to open the Timetracker address directly in my browser: "7pace.TimetrackerOnPremises.TimeMonthly:1 Mixed Content: The page at <_____> was loaded over HTTPS, but requested an insecure resource 'http://timetracker_url_'. This request has been blocked; the content must be served over HTTPS."

ANSWER

You are using DevOps Server over HTTPS, therefore, 7pace Timetracker needs to be configured over HTTPS as well. This is because Timetracker (and any other extension for DevOps Server) is located in the iframe, and browsers prevent HTTPS iframes from loading on pages with HTTPS.

Please go to the Timetracker Configuration Tool and change it so that the DevOps URL is the same for your end-users (it looks like this: https://TFS_URL/tfs/). After that, you should be asked to configure HTTPS binding for Timetracker and to select the SSL certificate. 

After these steps, 7pace Timetracker should load as expected.