Difference between revisions of "Creating a Simple Custom User Interface (CUI)"

From AgileApps Support Wiki
imported>Aeric
imported>Aeric
Line 3: Line 3:


A simple CUI can be creating using the below index.html
A simple CUI can be creating using the below index.html
<code>
<nowiki>
<!doctype html>
<!doctype html>
<html lang="en">
<html lang="en">
Line 39: Line 39:


</html>
</html>
</code>
</nowiki>

Revision as of 18:38, 2 November 2019

You can create a simple CUI using the following index.html file:

Notepad.png

Note: The content present in this sample custom HTML file should be present in every HTML file that you create.

A simple CUI can be creating using the below index.html <!doctype html> <html lang="en"> <head> <base href="./"> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="stylesheet" href="/ace-lib/styles.css" /> <link rel="stylesheet" href="/ace-lib/assets/themes/default/css/main.css" /> <!--CUI specified css files --> <link rel="stylesheet" href="assets/css/styles.css" /> <title>My Custom User Interface for AgileApps </title> </head> <body> <!-- The Custom HTML template content goes here --> <!-- platform assets --> <script type="text/javascript" src="/ace-lib/runtime.js"></script> <script type="text/javascript" src="/ace-lib/es2015-polyfills.js" nomodule></script> <script type="text/javascript" src="/ace-lib/polyfills.js"></script> <script type="text/javascript" src="/ace-lib/scripts.js"></script> <script type="text/javascript" src="/ace-lib/vendor.js"></script> <script type="text/javascript" src="/ace-lib/main.js"></script> <!--CUI specified JS files --> <script src="assets/js/scripts.js"></script> </body> </html>