aptify-clean-ui

Cleaner UI for Aptify with CSS updates

Version(s) Support

The css is written against Aptify 7.3 but the UI has not changed in years so it should work with previous or future versions also.

Install Steps

1. Copy the aptify-clean-ui.css to the styles folder
2. Copy the aptify-clean-ui.js to the script folder
3. In index.html, copy paste the following code to load our files towards the very end. Insert after kendo.culture(Aptify.framework.configuration.cultureName);

   //inject the new css
   var cleanUICss = document.createElement('link');
   cleanUICss.rel = 'stylesheet';
   cleanUICss.href = 'styles/aptify-clean-ui.css';
   document.head.appendChild(cleanUICss);
   
   //inject the new js
   var cleanUIJs = document.createElement('script');
   cleanUIJs.src = 'script/aptify-clean-ui.js';
   cleanUIJs.type = 'text/javascript';
   document.head.appendChild(cleanUIJs);
   

4. Optionally copy the new logo files by overriding the styles/images/Aptify-Logo-81x40.png and styles/images/Aptify-Logo-148x73.png (not included in this repo)
5. Copy the new loading files by overriding the styles/images/ball-traiangle-loading.svg and styles/images/ball-triangle-loading-small.svg
6. In index.html, find this Aptify.framework.utility.UI.showWaitIndicator("Loading Application..."); and change to Aptify.framework.utility.UI.showWaitIndicator("")