12191 comments found.
Hi When metronic-v9.1.2 will be available for Vue?
Hi,
Sorry, we can’t confirm this at the moment.
We have a v9 Tailwind Vue integration guide that allows using all new Tailwind components in your Vue project.
For any further clarification please reach us via devs.keenthemes.com
Regards, Sean
Hello, Like KeenIcon, how can I integrate FontAwesome icons in my react metronic 9 tailwind?. Need help Tanks
Hi,
I believe this official guide will be helpful in your case: https://docs.fontawesome.com/web/use-with/reactAlso, you can check https://lucide.dev/ quite easy to use with React.
For any further help please reach us via https://devs.keenthemes.com
Regards, Sean
Hi,
I have purchased 6 months support from themeforest for the Metronic React Tailwind with Typescript.
I have a quesiton about customizing the user profile data.
What is the most organized way to populate the current logged in User Info all across the react app, currently in the header dropdown mentu available at the following file:
src/partials/dropdowns/user/DropDown.tsx file.
The following part:
<Link to=”/account/hoteme/get-stard” className=”text-sm text-gray-800 hover:text-primary font-semibold leading-none” > Cody Fisher </Link>
Replacing the Cody Fisher name with the logged in user.
Thanks
Hi,
In Metronic, the React Context API is used to share the currently logged-in user’s information across all components.
You can access the logged-in user’s details within any React component using the useAuthContext hook.
const { currentUser } = useAuthContext();
{currentUser.first_name} {currentUser.last_name}
Regards,
Lauris Stepanovs,
Keenthemes Support Team
i downloaded metronic 8 vue ( bootstrap ) but when i try to update packages and vue version to latest version the the demo not working and there is a lot of problems, so do you have any solution for that?
Hi,
Thank you for contacting us and informing this. We will check it further and get back to you asap.
Regards, Sean
Hi,
Could you please clarify which version of Metronic you are using?
Are you encountering these issues in the default package, or did they appear after making certain modifications?
Additionally, if you have specific instructions on how to reproduce these problems, please share them with us.
Regards,
Lauris Stepanovs,
Keenthemes Support Team
try to use ncu -u and then npm install or update all packages to latest versions for all packages then try to use npm run build you will get many problems and conflicts
Hi,
Please note that our codebase might not be compatible with all the latest dependencies. We strongly recommend not updating all the dependencies simultaneously, but updating them one by one since some dependency updates might require the code to be updated as well.
Let me know if you have problems with the update of specific dependency so I can guide you further.
Regards,
Lauris Stepanovs,
Keenthemes Support Team
The DEMO 3 menu on left is not working. When you click to change the page, the icon does not become active, like happens in demo 4. How to fix?
Hi,
May I know which version you are referring to? Metronic 8 Bootstrap or Metronic 9 Tailwind?
Regards, Sean
I discovered why state doesn’t work on chat app, using the tailwind version on react. The chatApp is inited using {DropdownChat({ menuTtemRef: itemChatRef })} instead of normal component, so all state doesn’t reflect change in the app.
What I mean, when I make change in the src/partials/dropdowns/chat/DropdownChat.tsx file, it doesn’t change in the preview on browser, even I’m using npm dev. All other files change live, but not this component.
How to fix this?
Hi,
Sorry for the late reply.
Good spot! We will provide a fix in the next v9.1.3 update soon.
In the meantime, you can fix it by replacing the function call with a component call in HeaderTopbar.tsx as shown below:
<MenuSub rootClassName="w-full max-w-[450px]" className="light:border-gray-300">
<DropdownChat menuTtemRef={itemChatRef} />
</MenuSub>
And in “src/partials/dropdowns/chat/DropdownChat.tsx” update the return clause like this:
return (
<>
<div ref="{headerRef}">
{buildHeader()}
{buildTopbar()}
</div>
<div ref="{messagesRef}
" classname="scrollable-y-auto" style="{{" maxheight:="">
{buildMessages()}
</div>
<div ref="{footerRef}">
{buildInviteNotification()}
{buildForm()}
</div>
</>
);
If you need any further help please do let us know via https://devs.keenthemes.com
Regards, Sean
How can you load datatable data from json/object? what format and how should it be used on code? So I want to define a datatable and just update it when event occurs, based on the response json i get
Hi,
Could you please reach our support via devs.keenthemes.com and provide more details on your Metronic version, framework and demo ?
Regards, Sean
Hello. Thank you for the great product. I have 2 questions, if you don’t mind.
1- Can I, as a customer, request to join and have access to your GitHub repository? or Figma design group to have access to the design files, please?
2- Do you have any plan to include Next.js?
Thank you.
Hi 
,
You can email our support via support@keenthemes.com and we will consider it for sure.
Regards, Sean
I am looking for admin panel design….for my codecanyon manament application …can this I use it?
Hi,
Sorry for the late reply.
Metronic’s every single use requires a license so it’s not allowed to be used for code canyon items.
Regards, Sean
i just bought this and all is working fine for react. not sure why there is migration steps for react in your page for installation section. I simply downloaded and run npm run dev and all is working fine. One comment is please remove node_modules from zip coz it is taking too long to export. Code navigation was not working in vscode so had to do few vite config by using chatgpt and all is fine now/
Hi ,
Thank you for the feedback. Great spot!
Yes, we removed the node_modules folder from the recent update. It was included accidentally.
Have a great day ahead!
Regards, Sean
Hello, when will you release version 9 for bootstrap?
Hi,
Metronic 9 will be exclusively maintaining only Tailwind.
We’re preparing a major update to make Metronic 9 even more complete. This update will introduce essential core components like datepicker, calendar, select, etc.
Best regards, Sean
Hi,
I’m interested in purchasing the Metronic theme, and I noticed it mentions that the “e-commerce version” is coming soon. Could you please share an estimated release date for this update?
Thank you in advance!
Best regards,
Hi,
Thank you for your interest in Metronic!
We are working on it and we will try to release it asap. Probably Jan/Feb of 2025.
We are running Cyber Sale 30% OFF now so don’t miss it
All future updates will be free for purchased licenses.
Regards, Sean, Keenthemes Support
I bought the template. I installed the React Tailwind version. Every form field is not working. I type letters and nothing happens in UI. What is the reason? Also, how can I make the chat app work with my Django backend? Do you have any example?
Hi,
This is the default behavior of inputs in React. You can use the below code to handle the input fields:
const App = () => {
const [value, setValue] = React.useState("");
return (
<input
value={value}
onChange={(e) => setValue(e.target.value)} // Update state on change
/>
);
};
We will push a quick update and activate all inputs by default. Expect this quick update by tomorrow.
Regards, Sam
Is there any tutorial of how can I update my theme? I already started changing the code, is there any easy way to update and keep my changes? Also, is there any other change in this update or only this one you sent?
I’m new in React, ideally this usestate should be used globally in the App.tsx file or should I init in each component?
Also why the changes I made in the code doesn’t update in the browser for Chat App? Every other part of the UI change when I change the code, except the chat.
Do you have any sample of using the chat?
Hi,
Thank you for reaching out.
You can refer to the changelog to review the latest updates and changes.
Regarding input handling, it’s best to manage inputs within their specific parent component according to specific requirements. Setting inputs globally is not recommended, as Metronic is designed to serve as a starting point, allowing users to implement their own input logic tailored to their specific form requirements.
For the chat app, updates should occur instantly if your code is error-free. Please check your browser’s console and terminal for any errors that might prevent the updates from working correctly.
If you need further assistance, feel free to ask.
Best regards, Sean
Many functions of the new version are not perfect, I saw that the data table obtained from the server side did not filter and delete some examples, when can it be improved?
I see this new version of the ui is very good, I am ready to switch to this new but do not know when this new version will be improved
Hi,
We’ll be adding more examples soon. In the meantime, you can find the filter example in the following demo JS file:
/metronic-tailwind-html/src/app/datatables/current-sessions.jsThe corresponding demo page file is located here:
/metronic-tailwind-html/dist/html/demo1/account/security/current-sessions.htmlThanks
Errors from setting up the Tailwind process you provided in the newly updated guidelines on GitHub
Warning: require(C:\Users\Mr Yusuf\Desktop\metro\public/../vendor/autoload.php): Failed to open stream: No such file or directory in C:\Users\Mr Yusuf\Desktop\metro\public\index.php on line 13
Fatal error: Uncaught Error: Failed opening required ‘C:\Users\Mr Yusuf\Desktop\metro\public/../vendor/autoload.php’ (include_path=’.;C:\php\pear’) in C:\Users\Mr Yusuf\Desktop\metro\public\index.php:13 Stack trace: #0 C:\Program Files\Herd\resources\app.asar.unpacked\resources\valet\server.php(139): require() #1 {main} thrown in C:\Users\Mr Yusuf\Desktop\metro\public\index.php on line 13
Hi,
Are you using Laravel? Have you run the command “composer install” without any error?
Thanks
Tailwind DEMO3 version is available for Vue? What Tailwind demo is available in VUE?
https://keenthemes.com/metronic/tailwind/react/demo3/Hi,
Metronic 9 Tailwind is not available for Native Vue but you can refer to Metronic 9 Vue Integration Guide and use Demo 3 in your Vue app. We have working example of Demo 1: https://github.com/keenthemes/metronic-tailwind-html-integrationRegards, Sean
which metronic demo have login + crud real examples? lets say i have already a django api for auth and crud, which of metronic demo can i use with my api? im looking to use react or angular, they have any docs for integration? thank you
Hi,
In Metronic v9, a React application comes integrated with Metronic Tailwind and assets, which can be used for your API setup for authentication and CRUD operations. Unfortunately, the Angular integration is only available for Metronic v8 now.
For integration, Metronic provides detailed documentation for React projects, including guides on customizing components and connecting APIs. You can adapt these demos to work with your backend.
Please check the preview site here: https://keenthemes.com/metronic/tailwind/react/demo1/Thanks
Hi!
Doesn’t Metronic 9 contain the dark mode like at Metronic 8? If so, when will it be released?
Thank you!
Hi,
Yes, sure. Metronic 9 has dark mode, rtl mode for both HTML and React versions.
More info: https://keenthemes.com/metronic/tailwind/docs/customization/dark-modeRegards, Sean,
Do you have any plans to update the Blazor version to Net 8 and web app format?
Hi ,
Yes, we are preparing this now and we will release it shortly.
Regards, Sean
Thanks for the reply, do you have a more exact time frame than ”shortly”? Are we talking a week? A month? Six months?
Need to know if we should wait or consider other options if release is too far down the road.
Hi,
We have released the Metronic 8 Bootstrap Blazor Server update with .NET 8: https://preview.keenthemes.com/blazor/metronic/docs/changelogRegards, Sean
We have purchased your theme. We have used your theme for one of our business applications. In your theme, how would you enable a language translation feature? Do you use or recommend any specific plugins or libraries that suggest language translation functionality?
Hi,
May I know which version you are referring to?
Our Metronic 9 Tailwind React version has complete language translation, i18n, and RTL support as shown here.
If you use the HTML version, you will need to enable translation support on your own using your server-side framework.
Regards, Sean
This item was featured on ThemeForest
Power Elite Author
Contact the Envato Market Help Team
