Skip to content

Latest commit

 

History

History
62 lines (34 loc) · 2 KB

CUSTOMIZATION-DOC.md

File metadata and controls

62 lines (34 loc) · 2 KB
Raw

Applozic comes with 2 ready to use UI layout

  1. Full view and
  2. Sidebox

Full view layout

Demo: https://www.applozic.com/docs/chat-examples/web.html

full-view-layout

Sidebox layout

Demo: https://www.applozic.com/plugin.html

sidebox-layout

Step 1. Download source code

Download files from:

Github: https://github.com/AppLozic/Applozic-Web-Plugin/tree/master/src

or run npm command to download package

npm install applozic-chat

or run bower command to download package

bower install applozic-chat

Step 2. Remove script mentioned in Step 1 under Getting Started section.

Step 3. Add files to your web page:

For Full view

Open src/sample/fullview.html file as a reference and add all scripts and html in your web page in the same order as given in fullview.html

Files you can modify: CSS: https://github.com/AppLozic/Applozic-Web-Plugin/blob/master/src/css/app/fullview/applozic.fullview.css JS: https://github.com/AppLozic/Applozic-Web-Plugin/blob/master/src/js/app/fullview/applozic.fullview.js

For Sidebox

Open src/sample/sidebox.html file as a reference and add all scripts and html in your web page in the same order as given in sidebox.html

Files you can modify: CSS: https://github.com/AppLozic/Applozic-Web-Plugin/blob/master/src/css/app/sidebox/applozic.sidebox.css JS: https://github.com/AppLozic/Applozic-Web-Plugin/blob/master/src/js/app/sidebox/applozic.sidebox.js

Step 4. You can modify css and js files based on your design, files are present under src/css/app/ and src/js folders.