can't modify the title in sidebar mui

in version 4 i can't change the title i already did the customization in title component it generated by swizzle still it does not works..
K
kapa.ai354d ago
Hi @x_lucifer. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
K
kapa.ai354d ago
---------------------- Hmm, I don't know enough to give you a confident answer yet. The information extracts provided do not mention version 4 or the swizzle feature. However, you can refer to the refine documentation (https://refine.dev/docs) for more information on customizing the title and other components. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------
Overview | refine
What is refine?
K
kapa.ai354d ago
<@568420485356978176> kapa.ai is still learning and improving, please let us how it did by reacting below
R
rare-sapphire354d ago
it doesn't work
X
xenial-black354d ago
Hey @x_lucifer Which UI Library are you using?
R
rare-sapphire354d ago
material ui
X
xenial-black354d ago
I suggest you review this doc. If the problem still persists you should give us a codesandbox that we can reproduce. https://refine.dev/docs/api-reference/mui/components/mui-themed-layout/#customizing-with-swizzle
R
rare-sapphire354d ago
<ThemedLayoutV2 Header={() => <Header isSticky={true} />} Sider={() => <ThemedSiderV2 />} Title={({ collapsed }) => ( <ThemedTitleV2 collapsed={true} text="My Project" /> )} > <Component {...pageProps} /> </ThemedLayoutV2> this is the format i give it through but that text not affect in the mui sider
X
xenial-black354d ago
The text is hidden because it is collapsed. You should update like this.
<ThemedLayoutV2
Title={({ collapsed }) => (
<ThemedTitleV2 collapsed={collapsed} text="Foo" />
)}
>
<ThemedLayoutV2
Title={({ collapsed }) => (
<ThemedTitleV2 collapsed={collapsed} text="Foo" />
)}
>
R
rare-sapphire354d ago
still it won't work
R
rare-sapphire353d ago
i updated the code you given still im facing the same issue
R
rare-sapphire353d ago
https://codesandbox.io/p/github/X1ucifer/ZERO_CRUD/main?layout=%257B%2522activeFilepath%2522%253A%2522%252Fpages%252F_app.tsx%2522%252C%2522openFiles%2522%253A%255B%2522%252Fpages%252F_app.tsx%2522%252C%2522%252Fsrc%252Fcomponents%252FthemedLayout%252Findex.tsx%2522%255D%252C%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522gitSidebarPanel%2522%253A%2522COMMIT%2522%252C%2522fullScreenDevtools%2522%253Afalse%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522vertical%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522DEVTOOLS_PANELS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522panelType%2522%253A%2522TABS%2522%252C%2522id%2522%253A%2522clhbvtbrd039n356msyj2p5ha%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522clhbvtbrd039n356msyj2p5ha%2522%253A%257B%2522id%2522%253A%2522clhbvtbrd039n356msyj2p5ha%2522%252C%2522activeTabId%2522%253A%2522clhbvtgke03fu356mf13s1otx%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clhbvtbrd039m356m0b48h3p9%2522%252C%2522type%2522%253A%2522TASK_LOG%2522%252C%2522taskId%2522%253A%2522start%2522%257D%252C%257B%2522type%2522%253A%2522TASK_PORT%2522%252C%2522taskId%2522%253A%2522start%2522%252C%2522port%2522%253A3000%252C%2522id%2522%253A%2522clhbvtgke03fu356mf13s1otx%2522%252C%2522path%2522%253A%2522%252Flogin%253Fto%253D%25252Fblog-posts%2522%257D%255D%257D%257D%252C%2522showSidebar%2522%253Atrue%252C%2522showDevtools%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%252C%2522editorPanelSize%2522%253A50.390625%252C%2522devtoolsPanelSize%2522%253A32.526041666666664%257D check this code
CodeSandbox
CodeSandbox is an online editor tailored for web applications.
X
xenial-black344d ago
@x_lucifer I'm getting Project Not Found error 😦 Please check codesandbox project
A
absent-sapphire316d ago
Hi ! i cant get the title in Antd
<Authenticated fallback={<CatchAllNavigate to="/auth/login" />}>
<ThemedLayoutV2
Header={() => <Header />}
Sider={() => <ThemedSiderV2 fixed />}
Title={({ collapsed }) => (
<ThemedTitleV2
collapsed={collapsed}
text="Renta Car"
icon={<TeamOutlined />}
/>
)}
>
<Suspense fallback={<Skeleton active paragraph={{ rows: 14, width: "85%" }} />}>
<Outlet />
</Suspense>
</ThemedLayoutV2>
</Authenticated>

<Authenticated fallback={<CatchAllNavigate to="/auth/login" />}>
<ThemedLayoutV2
Header={() => <Header />}
Sider={() => <ThemedSiderV2 fixed />}
Title={({ collapsed }) => (
<ThemedTitleV2
collapsed={collapsed}
text="Renta Car"
icon={<TeamOutlined />}
/>
)}
>
<Suspense fallback={<Skeleton active paragraph={{ rows: 14, width: "85%" }} />}>
<Outlet />
</Suspense>
</ThemedLayoutV2>
</Authenticated>

however, when I go set the title property it works for some reason although it has been deperacted
More Posts
datagridhow to make the last column pinned to rightFilter reset after Search in useTableHow to reset filter after search in useTable?Example pages are not prompted in the latest version of create-refine-appI am not getting "Do you want to add example pages?" when I use: npm create refine-app@latest. Any hProblem following JavaScript Masteries Tutorial - Vite / Create-React-AppHey Guys; thank you for this nice community discord and your support. I am new to refine and want tuseLocation may be used only in the context of a <Router> component errorHi, I migrated my app to 4.x.x version. But I can't run it. There is always this error shows up. MyRefine 4.x.x useLocation and parseTableParamsHi, I used to use useLocation and useRouterContext but now I upgraded refine and I don't want to usRefine doesn't display the green message of successfully submittedI successfully uploaded a Form in the database, but It doesn't show up the successfully submitted grPagination & SearchI am using useTable from antd.I want to search table by name, but if I am in page 3 and searching dauseFormI build a custom hook that generates the form my problem is if i created a new record , then i clickAnyway to send my own alerts similar to when a new entry is created?I am hoping to subscribe to supabase events and display a notification on everypage when certain evedynamic i18n resource route prefix pathI already configured the router package (`react-router-dom` v6) to add a "lang" path prefix to my apReact-hook-form typesHi everyone hope you doing all well how to add types for the register functions for the @refinedev/rEslint integrationHi i have started Refine with vite ,so how to integrate eslintTranslate label for custom pagesI am using i18n for the changing the language. The example page labels all get translated but my cusmultiple different list/create/edit/view API endpoints for the same REST entityWhat is the recommended implementation way/hack strategy when I have resources that have several difNested rowKey in a tableMy rowkey value is nested. the example below doesn't work because rowKey don't accept this format. aunable to create refine-appon typing "npm create refine-app@latest" command in terminal getting error "✖ Could not found sourceFetch instead of axiosHeya, quick question - is it possible to provide the dataProvider with fetch instance rather than axExample for using API platform and interpreting its docs.jsonldAPI platform also provides a complete auto-generated documentation about the api, its endpoints, theDouble requests for listWhy there are doubled requests, after I I replaced the list view with the interferencer result?