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

how to change metronic logo and routes redirect


i want to change metronic logo with my logo and also i want to to redirect the routes when user go to my profile i want to show different layout to user , admin and employee


G
Guest 3 years ago
React
3 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 (3)

user
Lauris Stepanovs Author 3 years ago

Hi,

Could you please specify which Metronic version are you using and which demo?

In demo1 you can change sidebar logo in file src/_metronic/layout/components/sidebar/SidebarLogo.tsx and header logo in src/_metronic/layout/components/header/HeaderWrapper.tsx.

To change the layout for some routes you can duplicate MainLayout and specify it in routing/PrivateRoutes.tsx.


<Route element={<MasterLayout />}>

        <Route path="dashboard" element={<DashboardWrapper />} />

</Route>

<Route element={<MasterLayout2 />} route="/layout2">

        <Route path="profile" element={<ProfileWrapper />} />

</Route>


Regards,
Lauris Stepanovs,
Keenthemes Support Team


G
Guest 3 years ago

i am using demo 2 of version 8


user
Lauris Stepanovs Author 3 years ago

Hi,

In demo2 logo can be updated in demo2/src/_metronic/layout/components/header/HeaderWrapper.tsx

The router file is the same in all demos.

Regards,
Lauris Stepanovs,
Keenthemes Support Team


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  :(