Title: Glitch in Metronic 8 React Admin Panel Template Initial Load
Description: Upon loading the Metronic 8 React Admin Panel template, I encounter a glitch where the sidebar and the entire page seem to "build" as if they're loading. Specifically, I observe the sidebar moving up from the bottom and the header moving into the top position. Additionally, there is a log displayed on the first load. How can I address this issue?
Replies (7)
Hi,
Sorry for the late reply.
Could you please provide us with more info about your problem?
Which Metronic version you are using?
Do you have the same problem on our preview page?
https://preview.keenthemes.com/metronic8/react/demo1/dashboard
Also, please let us know if there are any steps on how we can reproduce this problem.
Regards,
Lauris Stepanovs,
Keenthemes Support Team
Actually, I fixed the problem it was caused because I removed ToolbarWrapper but it is working fine, however, can u provide a guide on how to remove comments like toolbar Wrapper, etc as I don't need but if I remove it is causing LayoutShift to occur
Hi,
It depends on the component you are trying to remove, deleting the ToolbarWrapper shouldn't break the layout. Please make sure that you removed only components and haven't modified any layout classes.
Can you provide us with a screenshot of your layout? So we can see the problem and provide you with further guidance on a fix.
Regards,
Lauris Stepanovs,
Keenthemes Support Team
I have removed the toolbarWrapper if I refresh after removing the toolbarWrapper the layout is breaking causing layout shift to trigger you can see it in the dev tools
Hi,
Could you please specify which Metronic version you are using?
In the latest Metronic version the toolbar is part of the page and you should be able to delete the toolbar component without breaking other layout parts.
Regards,
Lauris Stepanovs,
Keenthemes Support Team
i was using an old version of Medtronic that had the toolbar above page level but there is no guide to update the template i have made the necessary changes currently i have upgraded to 8.2.2 but still i am facing the glitch if I remove the tool bar so if could provide me with a guide to upgrade that will be help full also in yup (when is) is not working properly
Hi,
To easily move the toolbar component to the page level, just check out the latest version of Metronic. Make sure to delete the data-kt-app-toolbar-enabled="true" attribute from the body tag to avoid adding an extra top margin for content.
You can find Metronic update guide in our documentation.
https://preview.keenthemes.com/metronic8/react/docs/updates
Regards,
Lauris Stepanovs,
Keenthemes Support Team
