Activity Stream
Report-Fix / Update

Add 3 files to Tasks

Monday , 4:24 PM
Project Status

Marked Design as Completed

Monday , 3:00 PM
UI
Larkon Application UI v2.0.0 Latest

Get access to over 20+ pages including a dashboard layout, charts, kanban board, calendar, and pre-order E-commerce & Marketing pages.

Monday , 2:10 PM
avatar-5
Alex Smith Attached Photos
Monday 1:00 PM
avatar-5
Rebecca J. added a new team member

Added a new member to Front Dashboard

Monday 10:00 AM
Achievements

Earned a " Best Product Award"

Monday 9:30 AM
View All
Theme Settings
Color Scheme
Topbar Color
Menu Color
Sidebar Size
Overview Official Website

Quilljs is a lightweight and powerful datetime picker.

Usage

Quilljs's CSS and Javascript files are bundled in the vender.min.css and vendor.js and globally included in all pages.

Snow Editor#

Use snow-editor id to set snow editor.

Hello World!


This is a simple editable area.


  • Select a text to reveal the toolbar.
  • Edit rich document on-the-fly, so elastic!


End of simple area

                                                                           
                                                                                <!-- Quill Editors -->
                                                                                <div id="snow-editor" style="height: 300px;">
                                                                                     <h3><span class="ql-size-large">Hello World!</span></h3>
                                                                                     <p><br></p>
                                                                                     <h3>This is a simple editable area.</h3>
                                                                                     <p><br></p>
                                                                                     <ul>
                                                                                          <li>Select a text to reveal the toolbar.</li>
                                                                                          <li>Edit rich document on-the-fly, so elastic!</li>
                                                                                     </ul>
                                                                                     <p><br></p>
                                                                                     <p>End of simple area</p>
                                                                                </div>
                                                                           
                                                                      
                                                                           
                                                                                // Snow theme
                                                                                var quill = new Quill('#snow-editor', {
                                                                                     theme: 'snow',
                                                                                     modules: {
                                                                                          'toolbar': [[{ 'font': [] }, { 'size': [] }], ['bold', 'italic', 'underline', 'strike'], [{ 'color': [] }, { 'background': [] }], [{ 'script': 'super' }, { 'script': 'sub' }], [{ 'header': [false, 1, 2, 3, 4, 5, 6] }, 'blockquote', 'code-block'], [{ 'list': 'ordered' }, { 'list': 'bullet' }, { 'indent': '-1' }, { 'indent': '+1' }], ['direction', { 'align': [] }], ['link', 'image', 'video'], ['clean']]
                                                                                     },
                                                                                });
                                                                           
                                                                      
Bubble Editor#

Use bubble-editor id to set bubble editor.

Hello World!


This is a simple editable area.


  • Select a text to reveal the toolbar.
  • Edit rich document on-the-fly, so elastic!


End of simple area

                                                                      
                                                                           <!-- Bubble Editors -->
                                                                           <div id="bubble-editor" style="height: 300px;">
                                                                                <h3><span class="ql-size-large">Hello World!</span></h3>
                                                                                <p><br></p>
                                                                                <h3>This is a simple editable area.</h3>
                                                                                <p><br></p>
                                                                                <ul>
                                                                                     <li>Select a text to reveal the toolbar.</li>
                                                                                     <li>Edit rich document on-the-fly, so elastic!</li>
                                                                                </ul>
                                                                                <p><br></p>
                                                                                <p>End of simple area</p>
                                                                           </div>
                                                                      
                                                                 
                                                                      
                                                                           // Bubble theme
                                                                           var quill = new Quill('#bubble-editor', {
                                                                           theme: 'bubble'
                                                                           });

                                                                      
                                                                 
© Larkon. Crafted by Techzaa