Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

Change main page


Hey guys
I would like to know if it is possible to change the main page of the template to the home page. Currently the first page is the login page, I would like to change it to home.


G
Guest 3 years ago
Angular
1 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (1)

user
Faizal Author 3 years ago

Hi,

I apologize for the delay in getting back to you. Modifying the existing Metronic Angular framework may be a quite complex.

The code for the dashboard page can be found in the file /src/app/pages/routing.ts. As shown below:


{

    path: "dashboard",

    loadChildren: () =>

      import("./dashboard/dashboard.module").then((m) => m.DashboardModule),

  },


The dashboard is part of the app-routing module, which is protected by the AuthGuard, as shown in the file /src/app/app-routing.module.ts:


{

    path: "",

    canActivate: [AuthGuard],

    loadChildren: () =>

      import("./_metronic/layout/layout.module").then((m) => m.LayoutModule),

  },


To modify the existing code, you need to extract the dashboard router from the current configuration. However, the layout.module is essential for the dashboard layout.

One solution is to replicate the _metronic/layout/layout.module as _metronic/layout/dashboard-layout.module. Inside the dashboard-layout.module, place only the dashboard route and its layout.

I hope this helps you in proceeding with the necessary modifications.

Thanks


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(