violet_rails icon indicating copy to clipboard operation
violet_rails copied to clipboard

Published 20 hours ago • verified publisher icon restarone

Default layout template for staging

Open Ayon95 opened this issue 3 years ago • 1 comments

This template can be used as a workaround for issue #491.

  1. Create a layout called default-staging
  2. Add the following template to Content
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- Bootstrap stylesheet -->
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
      integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
      crossorigin="anonymous"
    />
    <!-- Select2 stylesheet -->
    <link
      href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css"
      rel="stylesheet"
    />
    <!-- Your application styles -->
    <style></style>
    <!-- Turbolinks -->
    <script
      src="https://cdnjs.cloudflare.com/ajax/libs/turbolinks/5.0.0/turbolinks.min.js"
      integrity="sha512-ifx27fvbS52NmHNCt7sffYPtKIvIzYo38dILIVHQ9am5XGDQ2QjSXGfUZ54Bs3AXdVi7HaItdhAtdhKz8fOFrA=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    ></script>
    <!-- JQuery -->
    <script
      src="https://code.jquery.com/jquery-3.6.0.min.js"
      integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
      crossorigin="anonymous"
    ></script>
    <!-- Select2 -->
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>
    <!-- Popper -->
    <script
      src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
      integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
      crossorigin="anonymous"
    ></script>
    <!-- Bootstrap JS -->
    <script
      src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
      integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
      crossorigin="anonymous"
    ></script>
    <title>Document</title>
  </head>
  {{ cms:snippet navbar-staging }}
  {{cms:wysiwyg content}}
  {{ cms:snippet footer-staging }}
  <!-- Your application JS -->
  <script></script>
</html>

The following stylesheets are included:

  • Bootstrap
  • Select2

The following scripts are included:

  • Turbolinks
  • JQuery
  • Select2
  • Popper.js
  • Bootstrap JS

You can add more stylesheets and scripts as you need.

Ayon95 avatar Aug 25 '22 18:08 Ayon95

Request to label this as documentation.

Ayon95 avatar Aug 25 '22 18:08 Ayon95