HexagonJS
Edit Page
Error Pages
Themed error page styling.
Examples
404
The content you requested was not found

HTML

<div style="position: relative; height: 500px;">
  <div class="hx-error-message">
    <div class="hx-error-message-heading">
      404
    </div>
    <div>
      The content you requested was not found

    </div>
    <div>
      <button onclick="javascript:window.history.back()" class="hx-btn hx-positive">Go Back</button><a class="hx-btn hx-positive" href="/">Go to Home Page</a>
    </div>
  </div>
</div>
Api
Classes
hx-error-messageupdated
Updated
Tweaked the styles to improve readability and usability.
The class to give to the error message container. This container will be moved to the exact centre of the page.
Classes
hx-error-message-heading
The class to give to the heading for the error message. This should be a short string or error number (e.g. 404)