Refine to navigator resourse,

Hi dev's, how are you, how can I add elements to the navigation menu but that are not from the crud, that only direct me to a page with next and rufine
kapa.ai
kapa.aiβ€’402d ago
Hi @efren6799. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
kapa.ai
kapa.aiβ€’402d ago
---------------------- Hi! You can add an extra navigation link to the Sider component in refine by using the render property of the <Sider> component. The render property is a function that receives an object with the items and logout properties. The items property is the list of navigation items and the logout property is the logout button. Here's an example using Ant Design:
import { Layout, Sider } from "@refinedev/antd";

const CustomSider = () => {
return (
<Sider
render={({ items, logout }) => {
return (
<>
<a href="https://your-custom-page-url/">πŸ‘‹ Navigation Link</a>
{items}
{logout}
</>
);
}}
/>
);
};

const CustomLayout = () => {
return <Layout Sider={CustomSider}>...</Layout>;
};
import { Layout, Sider } from "@refinedev/antd";

const CustomSider = () => {
return (
<Sider
render={({ items, logout }) => {
return (
<>
<a href="https://your-custom-page-url/">πŸ‘‹ Navigation Link</a>
{items}
{logout}
</>
);
}}
/>
);
};

const CustomLayout = () => {
return <Layout Sider={CustomSider}>...</Layout>;
};
Replace https://your-custom-page-url/ with the URL of the page you want to navigate to. This example is for Ant Design, but you can adapt it to other UI libraries as well. Source: https://refine.dev/docs/faq (https://refine.dev/docs/faq) ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------
FAQ | refine
How can I change the form data before submitting it to the API?
kapa.ai
kapa.aiβ€’402d ago
<@1031576840931913859> kapa.ai is still learning and improving, please let us how it did by reacting below
wise-white
wise-whiteβ€’402d ago
i don't quite understand. can you example me this " that only direct me to a page with next and refine" in more detail please i believe this example can help you. https://refine.dev/docs/examples/customPages/ this is the sider navigation file https://codesandbox.io/s/github/refinedev/refine/tree/master/examples/with-custom-pages?from-embed=&file=/src/components/sider.tsx:339-384
evident-indigo
evident-indigoβ€’402d ago
I am sorry, I already saw how to do it, I was a little confused How can I put icons in the navigation menu?
evident-indigo
evident-indigoβ€’401d ago
thanks hi, How could you change the logo in the MantineHeader in mantine?
wise-white
wise-whiteβ€’401d ago
| refine
component from refine, defines the overall structure and layout of a web page.
More Posts
I have media attached but just getting a list of nothing filesI can not figure out what I am doing wrong and I am sure its something simple. I want to list the fiimport from React setupCould this piece of code "import React, { useState, useEffect } from 'react';" be typed into any javUpdate Edit Modal after an EventIn edit modal, I am updating few fields on an event, How to re-render the UI?How to categorize sider items and make it collapseableHi, i want to make my sider items categorized. for example: - Users - User Profiles - User photos Multiple modalsHi all, I'm using headless useModal (https://refine.dev/docs/api-reference/core/hooks/ui/useModal/The default value seems to not be valid for the Select component, mode='multiple 'The data comes back fine, but it is not displayed on the component I wrote it with reference to thiIMG uploaded correctly on strapi but file details not stored.I'm following the https://refine.dev/blog/refine-invoice-generator/ blog and got stuck in the uploadHow can I invalidate the data returned by `getIdentity`?I want to force refetch all data that comes from the `useGetIdentity` hook, how is this possible?How to use MUI Datepicker on update pageI want to use mui datepicker on my update page. i want to convert the textfield into datepicker. butuseUpdateMany with foreign KeyHow to update many with foreign keysMultiple translations filesHi It’s possible have multiple translation files (namespaces) with refine? Thankstablehow do i pass token on refine api using my custom axios?Guide on uploading this into a replit enivronment>It won't let me run the npm install command on my replit environment... can someone help me get thisReact Query context issue with custom hooksHello, I am having a very weird issue with the React Query (now TanStack) Client with Refine. I am tauthhi how I can remove the client side authentication in addition I don't want the client side to contrhow to handle 404 error in errorNotification?Hi guys! I've got kind of problem then i use hook useForm and get initial value from backend - it miCreate refine app CLI has removed some optionsI was trying to create a refine app with MUI and I never got the choice to customise theme or layoutDoes refine support lazy-loading component by default?https://react.dev/reference/react/lazy#suspense-for-code-splittingHow does a test response body get generated?In /refine/packages/hasura/test/getList/index.mock.ts, it looks like the nock responses are a long sHow to convert Form data before requestingI used antd. I have a multi choice field on the create page. ```tsx <Form.Item name={['user', 'id']}