Press "Enter" to skip to content

Responsive Split-screen Layout With Angular

Angular splitter that could drag the responsive layout, and also act as the layout of notes on mac.

responsive split screen with angular, split screen angularjs, split screen slider, split screen landing page template, split screen website template

Create One Page Multi Scrolling Split Websites | multiScroll.js

How to make use of it:

Install

git clone https://github.com/guguji5/angular-splitter.git
cd angular-splitter
npm install
ng serve --open

Usage

<tam-splitter splitterBarWidth=3 [direction]="horizontal" (sizeChange)="sizeChange($event)">
    <tam-splitter-panel [size]="20" [max]="30" [min]="10"
        [visible]=true (collapsedChange)="collapsedChange($event)">
        Refined By Panel
    </tam-splitter-panel>
    <tam-splitter-panel  [size]="30" [max]="50" [min]="20">
        Side List Panel
    </tam-splitter-panel>
    <tam-splitter-panel [size]="50" [max]="70" [min]="20">
        Preview Panel
    </tam-splitter-panel>
</tam-splitter>

Responsive Split Layout, angular-splitter Plugin/Github


See Demo And Download

Official Website(guguji5): Click Here

This superior jQuery/javascript plugin is developed by guguji5. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *