conscious-sapphire•12mo ago

Change logo and title in Index.html not working properly

Hello everyone Like react i have changes the title and meta faviicon but only the faviicon seems to reflected , when refresh the changes title appears for milliseconds but then again the refine keyword is displayed in the space

4 Replies

kapa.ai•12mo ago

Hi @jash.s. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- It seems like you're trying to change the title of your refine project. In refine, you can change the title of the AuthPage component using the title prop. Here's an example of how you can do it:

import { AuthPage } from "@refinedev/mui";  
const MyLoginPage = () => {  
 return <AuthPage type="login" title={<h1>My Title</h1>} />;  
};

import { AuthPage } from "@refinedev/mui";  
const MyLoginPage = () => {  
 return <AuthPage type="login" title={<h1>My Title</h1>} />;  
};

Or you can customize the title with ThemedTitle component.

import { AuthPage, ThemedTitle } from "@refinedev/antd";  
const MyLoginPage = () => {  
 return (  
 <AuthPage  
 type="login"  
 title={  
 <ThemedTitleV2  
 title="My Title"  
 icon={<img src="<https://refine.dev/img/logo.png"> />}  
 />  
 }  
 />  
 );  
};

import { AuthPage, ThemedTitle } from "@refinedev/antd";  
const MyLoginPage = () => {  
 return (  
 <AuthPage  
 type="login"  
 title={  
 <ThemedTitleV2  
 title="My Title"  
 icon={<img src="<https://refine.dev/img/logo.png"> />}  
 />  
 }  
 />  
 );  
};

If you're trying to change the title of the entire application and not just the AuthPage, the information provided in the extracts is not sufficient to guide you on how to do that. You may need to check the official refine documentation (https://refine.dev/docs) for more details. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

kapa.ai•12mo ago

<@1129363768661516329> kapa.ai is still learning and improving, please let us know how it did by reacting below

conscious-sapphire•12mo ago

The issue is not for the auth login page but the header tab present in the browser the one which comes from index.htmk

blank-aquamarine•12mo ago

Hi @jash.s sorry for the confusion. you need to use this for changing title https://refine.dev/docs/packages/documentation/routers/react-router-v6/#documenttitlehandler for page specific, https://refine.dev/docs/packages/documentation/routers/react-router-v6/#usedocumenttitle