Pages UI
Search…
Session and other pages
Pages ship with a few session pages like login, register, & lock screen.
Session pages are found under the module sessionModule which can be located in src/app/session folder. There is no root component / Layout assigned from these components. Each page / session page layout is assigned from the router.
Typescript
Second Tab
app.routing.ts
1
import { Routes } from '@angular/router';
2
//Layouts
3
import {
4
CondensedComponent,
5
BlankComponent,
6
} from './@pages/layouts';
7
8
export const AppRoutes: Routes = [
9
10
{
11
path: '',
12
//Your root layout
13
component: BlankComponent,
14
children: [{
15
path: 'session',
16
loadChildren: './session/session.module#SessionModule'
17
}]
18
}
19
];
20
Copied!
In the sample router note that BlankComponent is imported from @pages - located in the folder @pages/layouts. And this import is used in the component:BlankComponent of the sample code above. Note that in BlankComponent we have only loaded styles relevantly needed for that module. You can see it in @pages/layouts/blank/blank.component.scss

Can we used the condensedLayout for sessionModules / Session Pages

Yes you can, make sure you have imported CondensedLayout from
import { CondensedComponent} from './@pages/layouts';
Then you need to make sure the styles are imported to your @pages/layouts/condensed/condensed.component.scss
Styles that are required for Session Pages
1
//Login
2
@import "modules/login.scss";
3
4
//Lock screen
5
@import "modules/lock_screen.scss";
6
7
//Error
8
@import "modules/_error.scss";
Copied!
You can try this with any layout you like in @pages/layouts
Last modified 3yr ago