Check with your designers to help you design this section
Check with your designers to help you design this section
RAUL framework is added to a product via the CDN. The simplest way to add RAUL is to include
the RAUL CSS and JavaScript and dependencies onto your page using link and
script tags. We can choose a full version of RAUL (which
contains all the components from the styleguide and requires some dependencies or
Omnibar version (which contains left navigation, header, page header
and icons and the only dependency required is babel polyfill)
<!doctype html>
<html>
<head>
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
crossorigin="anonymous"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
crossorigin="anonymous"
/>
<link
rel="stylesheet"
href="https://cdn.realpage.com/raul/v2.82.9/css/raul.min.gz.css"
/>
</head>
<body>
<header>...</header>
<script
src="https://code.jquery.com/jquery-3.2.1.min.js"
crossorigin="anonymous"
></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
crossorigin="anonymous"
></script>
<script
src="https://cdn.realpage.com/raul/v2.82.9/js/raul.min.gz.js"
></script>
</body>
<html>
<!doctype html>
<html>
<head>
<link
rel="stylesheet"
href="https://cdn.realpage.com/raul/v2.82.9/css/raul-shell.min.css"
/>
</head>
<body>
<header>...</header>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.0.0/polyfill.min.js"
></script>
<script
src="https://cdn.realpage.com/raul/v2.82.9/js/raul-shell.min.js"
></script>
</body>
<html>
For more information on the RAUL dependencies, please see Dependencies Page
You can download the build zip using the following link: https://cdn.realpage.com/raul/v2.82.9/raul.zip
raul-zip/
│
├── css/
│ ├── raul.css
│ ├── raul.min.css
│ ├── raul.min.gz.css
│ ├── raul-shell.css
│ ├── raul-shell.min.css
│ └── raul-shell.min.gz.css
│
├── fonts/
│ └── Roboto.zip
│
└── js/
├── raul.js
├── raul.min.js
├── raul.min.gz.js
├── raul-shell.js
├── raul-shell.min.js
└── raul-shell.min.gz.js
You can also access these files directly, relative to the version directory. As an example if you wanted to access the RAUL CSS or JS build you could use one of the following urls (preferably using the gzipped versions for production):