Document Setup

Search…

Document Setup

Document Setup
DroneDeploy's UI Kit is vastly composed of Material Design components. To start using the UI Kit, please add the MaterializeCSS CDN and DroneDeploy's CSS.
CSS
1
<!-- Compiled and minified Materialized CSS -->
2
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
3
​
4
<!-- Compiled and minified DroneDeploy CSS -->
5
  <link rel="stylesheet" href="css/dd-styles.css">
Copied!
Setup
HTML Document Setup
Next we have to setup the HTML file structure to include all the necessary CSS and JS files.
1
 <!DOCTYPE html>
2
  <html>
3
    <head>
4
      <!-- Compiled and minified Materialized CSS -->
5
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
6
      <!--DroneDeploy CSS Do Not Modify -->
7
      <link rel="stylesheet" href="css/dd-styles.css">
8
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
9
    </head>
10
​
11
    <body>
12
      <!--JS file included when a template is downloaded js/app.js-->
13
       <script src="js/script.js"></script>
14
    </body>
15
  </html>
Copied!
Documentation
To quickly get started download one of our templates or review our documentation in detail.

App Platform - Previous

UI Kit

Side Panel Grid

Copy link

Contents