Layouts

Drift Angular has lots of layout that fullfill your requirements to develop a Amaizing App.

There are following layouts which Drift Angular provides:

Default Layout

To use this layout add following route in src/app/app-routing.module.ts file:

loadChildren: './layouts/default-layout/default-layout.module#DefaultLayoutModule'

SAAS Layout

To use this layout add following route in src/app/app-routing.module.ts file:

Listing Layout

To use this layout add following route in src/app/app-routing.module.ts file:

Intranet Layout

To use this layout add following route in src/app/app-routing.module.ts file:

Back Office Layout

To use this layout add following route in src/app/app-routing.module.ts file:

Back Office Minimal Layout

To use this layout add following route in src/app/app-routing.module.ts file:

Modern Layout

To use this layout add following route in src/app/app-routing.module.ts file:

CRM Layout

To use this layout add following route in src/app/app-routing.module.ts file:

Common Layouts

There are two common layouts for authentication and frontend pages.

Auth Layout

Auth layout will use to authenticate user. Here user can signup and sign-in.

To use this layout add following route in src/app/app-routing.module.ts file:

and add AuthGuard to other reoutes to stop access without sign-in.

Frontend Layout

Frontend layout will use to for frontent pages in Drift Angular.

To use this layout add following route in src/app/app-routing.module.ts file:

Last updated

Was this helpful?