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
Default Scroll Example #

Just use data attribute data-simplebar and add max-height: **px oh fix height

SimpleBar does only one thing: replace the browser's default scrollbar with a custom CSS-styled one without losing performances. Unlike some popular plugins, SimpleBar doesn't mimic scroll with Javascript, causing janks and strange scrolling behaviours... You keep the awesomeness of native scrolling...with a custom scrollbar!

SimpleBar does NOT implement a custom scroll behaviour. It keeps the native overflow: auto scroll and only replace the scrollbar visual appearance.

Design it as you want

SimpleBar uses pure CSS to style the scrollbar. You can easily customize it as you want! Or even have multiple style on the same page...or just keep the default style ("Mac OS" scrollbar style).

Lightweight and performant

Only 6kb minified. SimpleBar doesn't use Javascript to handle scrolling. You keep the performances/behaviours of the native scroll.

Supported everywhere

SimpleBar has been tested on the following browsers: Chrome, Firefox, Safari, Edge, IE11.

html
                                            
                                                <div class="px-3" data-simplebar style="max-height: 250px;">
                                                    SimpleBar does only one thing: replace the browser's default scrollbar
                                                    with a custom CSS-styled one without losing performances.
                                                    Unlike some popular plugins, SimpleBar doesn't mimic scroll with
                                                    Javascript, causing janks and strange scrolling behaviours...
                                                    You keep the awesomeness of native scrolling...with a custom scrollbar!
                                                    <p>SimpleBar <strong>does NOT implement a custom scroll
                                                            behaviour</strong>. It keeps the <strong>native</strong>
                                                        <code>overflow: auto</code> scroll and <strong>only</strong> replace
                                                        the scrollbar visual appearance.
                                                    </p>
                                                    <h5>Design it as you want</h5>
                                                    <p>SimpleBar uses pure CSS to style the scrollbar. You can easily
                                                        customize it as you want! Or even have multiple style on the same
                                                        page...or just keep the default style ("Mac OS" scrollbar style).
                                                    </p>
                                                    <h5>Lightweight and performant</h5>
                                                    <p>Only 6kb minified. SimpleBar doesn't use Javascript to handle
                                                        scrolling. You keep the performances/behaviours of the native
                                                        scroll.</p>
                                                    <h5>Supported everywhere</h5>
                                                    <p>SimpleBar has been tested on the following browsers: Chrome, Firefox,
                                                        Safari, Edge, IE11.</p>
                                                </div>
                                            
                                        
RTL Position #

Just use data attribute data-simplebar data-simplebar-direction='rtl' and add max-height: **px oh fix height

SimpleBar does only one thing: replace the browser's default scrollbar with a custom CSS-styled one without losing performances. Unlike some popular plugins, SimpleBar doesn't mimic scroll with Javascript, causing janks and strange scrolling behaviours... You keep the awesomeness of native scrolling...with a custom scrollbar!

SimpleBar does NOT implement a custom scroll behaviour. It keeps the native overflow: auto scroll and only replace the scrollbar visual appearance.

Design it as you want

SimpleBar uses pure CSS to style the scrollbar. You can easily customize it as you want! Or even have multiple style on the same page...or just keep the default style ("Mac OS" scrollbar style).

Lightweight and performant

Only 6kb minified. SimpleBar doesn't use Javascript to handle scrolling. You keep the performances/behaviours of the native scroll.

Supported everywhere

SimpleBar has been tested on the following browsers: Chrome, Firefox, Safari, Edge, IE11.

html
                                            
                                                <div class="px-3" data-simplebar data-simplebar-direction='rtl'  style="max-height: 250px;">
                                                    SimpleBar does only one thing: replace the browser's default scrollbar
                                                    with a custom CSS-styled one without losing performances.
                                                    Unlike some popular plugins, SimpleBar doesn't mimic scroll with
                                                    Javascript, causing janks and strange scrolling behaviours...
                                                    You keep the awesomeness of native scrolling...with a custom scrollbar!
                                                    <p>SimpleBar <strong>does NOT implement a custom scroll
                                                            behaviour</strong>. It keeps the <strong>native</strong>
                                                        <code>overflow: auto</code> scroll and <strong>only</strong> replace
                                                        the scrollbar visual appearance.
                                                    </p>
                                                    <h5>Design it as you want</h5>
                                                    <p>SimpleBar uses pure CSS to style the scrollbar. You can easily
                                                        customize it as you want! Or even have multiple style on the same
                                                        page...or just keep the default style ("Mac OS" scrollbar style).
                                                    </p>
                                                    <h5>Lightweight and performant</h5>
                                                    <p>Only 6kb minified. SimpleBar doesn't use Javascript to handle
                                                        scrolling. You keep the performances/behaviours of the native
                                                        scroll.</p>
                                                    <h5>Supported everywhere</h5>
                                                    <p>SimpleBar has been tested on the following browsers: Chrome, Firefox,
                                                        Safari, Edge, IE11.</p>
                                                </div>
                                            
                                        
Scroll Size #

Just use data attribute data-simplebar, data-simplebar-lg and add max-height: **px oh fix height

SimpleBar does only one thing: replace the browser's default scrollbar with a custom CSS-styled one without losing performances. Unlike some popular plugins, SimpleBar doesn't mimic scroll with Javascript, causing janks and strange scrolling behaviours... You keep the awesomeness of native scrolling...with a custom scrollbar!

SimpleBar does NOT implement a custom scroll behaviour. It keeps the native overflow: auto scroll and only replace the scrollbar visual appearance.

Design it as you want

SimpleBar uses pure CSS to style the scrollbar. You can easily customize it as you want! Or even have multiple style on the same page...or just keep the default style ("Mac OS" scrollbar style).

Lightweight and performant

Only 6kb minified. SimpleBar doesn't use Javascript to handle scrolling. You keep the performances/behaviours of the native scroll.

Supported everywhere

SimpleBar has been tested on the following browsers: Chrome, Firefox, Safari, Edge, IE11.

html
                                            
                                                <div class="px-3" data-simplebar data-simplebar-lg style="max-height: 250px;">
                                                    SimpleBar does only one thing: replace the browser's default scrollbar
                                                    with a custom CSS-styled one without losing performances.
                                                    Unlike some popular plugins, SimpleBar doesn't mimic scroll with
                                                    Javascript, causing janks and strange scrolling behaviours...
                                                    You keep the awesomeness of native scrolling...with a custom scrollbar!
                                                    <p>SimpleBar <strong>does NOT implement a custom scroll
                                                            behaviour</strong>. It keeps the <strong>native</strong>
                                                        <code>overflow: auto</code> scroll and <strong>only</strong> replace
                                                        the scrollbar visual appearance.
                                                    </p>
                                                    <h5>Design it as you want</h5>
                                                    <p>SimpleBar uses pure CSS to style the scrollbar. You can easily
                                                        customize it as you want! Or even have multiple style on the same
                                                        page...or just keep the default style ("Mac OS" scrollbar style).
                                                    </p>
                                                    <h5>Lightweight and performant</h5>
                                                    <p>Only 6kb minified. SimpleBar doesn't use Javascript to handle
                                                        scrolling. You keep the performances/behaviours of the native
                                                        scroll.</p>
                                                    <h5>Supported everywhere</h5>
                                                    <p>SimpleBar has been tested on the following browsers: Chrome, Firefox,
                                                        Safari, Edge, IE11.</p>
                                                </div>
                                            
                                        
Scroll Color #

Just use data attribute data-simplebar data-simplebar-* and add max-height: **px oh fix height

SimpleBar does only one thing: replace the browser's default scrollbar with a custom CSS-styled one without losing performances. Unlike some popular plugins, SimpleBar doesn't mimic scroll with Javascript, causing janks and strange scrolling behaviours... You keep the awesomeness of native scrolling...with a custom scrollbar!

SimpleBar does NOT implement a custom scroll behaviour. It keeps the native overflow: auto scroll and only replace the scrollbar visual appearance.

Design it as you want

SimpleBar uses pure CSS to style the scrollbar. You can easily customize it as you want! Or even have multiple style on the same page...or just keep the default style ("Mac OS" scrollbar style).

Lightweight and performant

Only 6kb minified. SimpleBar doesn't use Javascript to handle scrolling. You keep the performances/behaviours of the native scroll.

Supported everywhere

SimpleBar has been tested on the following browsers: Chrome, Firefox, Safari, Edge, IE11.

html
                                            
                                                <div class="px-3" data-simplebar data-simplebar-primary style="max-height: 250px;">
                                                    SimpleBar does only one thing: replace the browser's default scrollbar
                                                    with a custom CSS-styled one without losing performances.
                                                    Unlike some popular plugins, SimpleBar doesn't mimic scroll with
                                                    Javascript, causing janks and strange scrolling behaviours...
                                                    You keep the awesomeness of native scrolling...with a custom scrollbar!
                                                    <p>SimpleBar <strong>does NOT implement a custom scroll
                                                            behaviour</strong>. It keeps the <strong>native</strong>
                                                        <code>overflow: auto</code> scroll and <strong>only</strong> replace
                                                        the scrollbar visual appearance.
                                                    </p>
                                                    <h5>Design it as you want</h5>
                                                    <p>SimpleBar uses pure CSS to style the scrollbar. You can easily
                                                        customize it as you want! Or even have multiple style on the same
                                                        page...or just keep the default style ("Mac OS" scrollbar style).
                                                    </p>
                                                    <h5>Lightweight and performant</h5>
                                                    <p>Only 6kb minified. SimpleBar doesn't use Javascript to handle
                                                        scrolling. You keep the performances/behaviours of the native
                                                        scroll.</p>
                                                    <h5>Supported everywhere</h5>
                                                    <p>SimpleBar has been tested on the following browsers: Chrome, Firefox,
                                                        Safari, Edge, IE11.</p>
                                                </div>
                                        
                                            
                                        
© Larkon. Crafted by Techzaa