Status Page Design and Display

Uptime.com Status Pages offer many customization options to personalize how users view and interact with your page. These functions are located under the Design tab when managing a Status Page.

For general information about Status Pages and to view an index of all Status Page documentation, please see Overview of Status Pages.

 

Table of Contents 

 

Design Tab

Return

Use these settings to adjust the look and feel of your Status Page. 

Branding

Return

Custom Logo: Upload a logo that will appear in the header of your Page. It is possible to make your logo clickable, with a link leading to a designated URL. See Company Website URL for additional details.

Custom Favicon: A favicon that will act as the icon of your Page in the browser tab. Favicons must not exceed 192x192 px.

Company Website URL: Clicking the logo of your status page will forward users to this URL. 

Header Background Color and Header Text Color: The hex value for desired colors can be entered directly in these fields. You can also click the color thumbnail to open a color picker:

As you make selections for these color fields, the live preview will update:

 

Page Content

Return

Display Current Status Tab: this checkbox controls the overall display of the “Current Status” tab on the status page. If this box is unchecked, the “Current Status” tab will not display at all, and the following status options will have no effect. If there is no data available, the Current Status tab will not appear.

Display Active Incidents & Maintenance: displays active incidents at the top of the Current Status tab of your Page, and scheduled maintenance windows at the bottom of your Page

Display Response Time Graph per component: displays both response time and current status tables in the Current Status tab of your Status Page. Note: this option is not available when the Compact layout is selected.

Display History & Incidents tab: anyone can view historical graphs, metrics, component history, and past incidents

Default history range (days): The default number of days a visitor should see. The visitor will be able to adjust the date range if the History & Incidents tab is enabled.

Past Incidents: display all past incidents under the History tab

History Graph (All Components): enable an interactive visualization of your components’ availability history. 

Component History Table: display a table of components’ historical metrics for the selected period. 

Summary Metrics: allow page visitors to see Global Uptime, Outages, and Total Downtime

PDF report download: allow viewers to download a PDF report of component history and incidents from the History tab
 

Custom Code

Return

Custom CSS: OPTIONAL: Inline CSS used to style customized HTML in the Header and Footer sections and/or to style the Page itself

Custom Header HTML: OPTIONAL: Inline HTML to render in the header section in place of the standard logo & title

Custom Footer HTML: OPTIONAL: Inline HTML to render in the footer section in place of the standard logo and title

Please note: the ability to add custom HTML and CSS to Status Pages is dependent on your subscription plan

Custom Email Logo: upload an image to use as the logo in emails sent to subscribers of your Page

Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Article is closed for comments.

Have more questions?
Submit a request
Share it, if you like it.