Category: Design

The Overall Status Level determines the message displayed in the status bar at the top of your status page. This message summarizes the current state of your system based on component activity and severity levels. By default, the overall status reflects the highest severity level of any active component or event. You can also customize the text […]

Status.io status pages are developed with accessibility in mind. VPAT® Status.io has completed the VPAT® (Voluntary Product Accessibility Template) Revised Section 508 Edition based on VPAT® Version 2.4 for the status page product. We use this report to help guide our efforts to continue improving accessibility. Customizable Design Each status page is fully customizable by […]

Fully customize your status page by using custom HTML, CSS and JavaScript. Custom code can be used to change the look and feel of your status page, from minor changes such as fonts and colors, to major changes such as creating an entirely new layout. Custom code can also be used to add functionality such […]

By default containers are labeled as Locations when displayed within incident and maintenance events on the status page. You may choose to rename the label to something more suitable for your situation. In the below example, we changed the container label to Data Centers. Rename the container label from the Settings/Incident & Maintenance tab in […]

Status.io uses components and containers to define and organize the infrastructure displayed on your status page. Components represent the primary, high-level functionalities of your system, such as a Web Service, Mobile App, API, or other core system functions that users depend on. They provide the foundation for monitoring and communicating the health of your service. Containers […]

The Last Updated time is displayed in the status bar at the top of your status page. By default, this time only changes when an actual update is made to the page (such as a new incident, maintenance, or status change). If you prefer the page to always appear “fresh,” you can enable the Automatically update the last […]

By default the status history is accessible via the History link at the bottom of the status page. If you’d prefer to display some or all of the history on the main page:

Use JavaScript to modify or increase the functionality of your status page. Add your custom JavaScript from the Design tab in the Dashboard. All JavaScript code should be wrapped in SCRIPT tags. Warning: Due to the nature of web design, please test your JavaScript to ensure compatibility. 

Customize your status page using HTML. Almost every element of the page can be customized using HTML. Add your custom HTML from the Design tab in the Dashboard. Warning: Due to the nature of web design, please test your HTML to ensure compatibility. 

Use style sheets to alter the appearance of your status page. Every element of the page can be customized using CSS. Add your custom CSS from the Design tab in the Dashboard. Warning: Due to the nature of web design, please test your CSS to ensure compatibility.  Example CSS structure: body { color: #dbd9d9; background-color: […]