We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
I am using a material ui template.
The below is my Tables.js
// Material Dashboard 2 React example components import DashboardLayout from "examples/LayoutContainers/DashboardLayout"; import DashboardNavbar from "examples/Navbars/DashboardNavbar"; // Data function Tables() { return ( <DashboardLayout> <DashboardNavbar /> Testing </DashboardLayout> ); } export default Tables;
and Dashboard.js
import DashboardLayout from "examples/LayoutContainers/DashboardLayout"; import DashboardNavbar from "examples/Navbars/DashboardNavbar"; // Data function Dashboard() { return ( <DashboardLayout> <DashboardNavbar /> Testing </DashboardLayout> ); } export default Dashboard;
and the routes.js is
// Material Dashboard 2 React layouts import Dashboard from "layouts/dashboard"; import Tables from "layouts/tables"; import Billing from "layouts/billing"; import RTL from "layouts/rtl"; import Notifications from "layouts/notifications"; import Profile from "layouts/profile"; import SignIn from "layouts/authentication/sign-in"; import SignUp from "layouts/authentication/sign-up"; // @mui icons import Icon from "@mui/material/Icon"; const routes = [ { type: "collapse", name: "Notifications", key: "notifications", icon: <Icon fontSize="small">notifications</Icon>, route: "/notifications", component: <Notifications />, }, { type: "collapse", name: "Profile", key: "profile", icon: <Icon fontSize="small">person</Icon>, route: "/profile", component: <Profile />, }, { type: "collapse", name: "Dashboard", key: "dashboard", icon: <Icon fontSize="small">dashboard</Icon>, route: "/dashboard", component: <Dashboard />, }, { type: "collapse", name: "Tables", key: "tables", icon: <Icon fontSize="small">table_view</Icon>, route: "/tables", component: <Tables />, }, { type: "collapse", name: "Billing", key: "billing", icon: <Icon fontSize="small">receipt_long</Icon>, route: "/billing", component: <Billing />, }, { type: "collapse", name: "RTL", key: "rtl", icon: <Icon fontSize="small">format_textdirection_r_to_l</Icon>, route: "/rtl", component: <RTL />, }, { type: "collapse", name: "Sign In", key: "sign-in", icon: <Icon fontSize="small">login</Icon>, route: "/authentication/sign-in", component: <SignIn />, }, { type: "collapse", name: "Sign Up", key: "sign-up", icon: <Icon fontSize="small">assignment</Icon>, route: "/authentication/sign-up", component: <SignUp />, }, ]; export default routes;
Ofcourse the above is mainly w.r.t to the free template material dashboard
Now I am see small flipping of the elements when i navigate between pages. I am not sure why this is happening
the below is the video recording to help to understand what i am saying.
When i clicking on Dashboard and tables, the elements jump in the beginning.
Whereas we can see there is no jumping for Notifications and Profile.
The text was updated successfully, but these errors were encountered:
No branches or pull requests
I am using a material ui template.
The below is my Tables.js
and Dashboard.js
and the routes.js is
Ofcourse the above is mainly w.r.t to the free template material dashboard
Now I am see small flipping of the elements when i navigate between pages. I am not sure why this is happening
the below is the video recording to help to understand what i am saying.
When i clicking on Dashboard and tables, the elements jump in the beginning.
Whereas we can see there is no jumping for Notifications and Profile.
The text was updated successfully, but these errors were encountered: