161 comments found.
One year ago I bough the Figma template and i would like to know if this new Figma https://ui8.net/theme_nate/products/elstar---admin-dashboard-ui-kit has something new. Thanks in advance
Hi, thanks for reaching out, there’s no update for the Figma version recently recently.
DatePicker Month Selection Requires Day — Need a Workaround
I’m using the DatePicker from the Elstar React Tailwind Admin Template with defaultView="month" for a monthly filter.
The issue is that when a user selects a month (e.g. June), the picker automatically switches to the day view and requires a day to be selected before onChange fires.
This behavior is problematic because:
- I only want to let users select a month
- I need to get the start and end date of the selected month directly (e.g., June 1 – June 30)
- The extra day selection is unnecessary and confusing in this context
Is there a proper way to get the selected month directly without waiting for a day click? Or is there any recommended workaround using the current DatePicker component?
I’ve tried calculating the month range manually after the first date click, but it still shows the day view which isn’t ideal for UX.
Please let me know the correct approach or if there’s a cleaner workaround using Elstar’s existing components. Thanks!
Looking forward to your guidance!
Hi, please contact us via our support mail along with your purchase code, we will provide you a workaround solution.
Hi, thanks for your response.
Unfortunately, I don’t currently have access to the purchase code (I’m working on the project through a team/client account), so I’m unable to raise a private support ticket.
If possible, could you please share the workaround here or guide me toward a way to implement a month-only picker using the Elstar DatePicker component? Even a general direction or code snippet would be really helpful.
Thanks in advance!
Hi, we totally understand your situation. However, to keep support fair for all customers, we can only provide assistance once a valid purchase is confirmed.
We recommend checking with your team or client to get the purchase code, then sending it to us via our support email. Once it’s verified, we’ll be happy to guide you further.
Looking forward to your email!
Hi
I’m interested to buy this template. However my concern is about the packages & dependencies that you have used in the project. Are all the packages (including third party) free from vulnerabilities & bugs?
Hi, we recently updated our dependencies, and there are no vulnerabilities when installing npm packages.
Ok, thanks for update. I am proceeding to purchase the template. In case if vulnerabilities found in packages then would request for refund.
Sure thing.
Thumbnail Issue – Need Assistance
Hi there,
I’m experiencing an issue with the image thumbnails in the theme. The thumbnails are not displaying correctly, as shown in this screenshot:
Could you please guide me on how to resolve this issue? Any advice or instructions would be greatly appreciated!
:cry: Looking forward to your assistance. Thanks in advance!
Hi, to fix this, you can replace h-16 with min-h-16 under .upload-file-thumbnail class in _upload.css
Thank you for your response!
Hi there,
Thank you for the quick reply and the solution! I’ll try replacing h-16 with min-h-16 under the .upload-file-thumbnail class in _upload.css.
Just to clarify, will this fix the issue for all screen sizes, or do I need to check for responsiveness separately?
Thanks again for your help!
Hi, this fix will adapt all the sizes.
Got it, thank you!
Hi there,
Thank you for confirming! I’ll implement the fix as suggested. It’s great to know it will adapt to all sizes. I really appreciate your quick and helpful support!
Since I’ve purchased the theme, I believe it would be helpful to include this fix in the next theme update to ensure other users don’t face the same issue. Just a suggestion!
Thanks again, and have a great day!
Definitely, this fix has been arranged to our next update schedule.
Next update you should include figma design file to work extendible
Hi, We’re offering the Figma version separately through our partnership with UI8. its not bundle along with the template.
Could you please add the link into documents and also here? I would like to get it
when connected to live API extraReducers builder state never gets called
did all of that build a test api to simulate your demo data, build a custom component based on your demo examples and still cannot get it to fullfill. works fine with mockserver but not real api. never updates state never calls extraReducers in slice. cannot pass any api data to components using your demo or starter
Hi! Please make sure to turn off enableMock in src/configs/app.config.ts. If the mock server is still running and isn’t connecting to the live server, double-check the app.config.ts file. If the issue persists, feel free to email us with details about your setup, and we’ll do our best to help.
how do i email you and what details do you need me to send
Hi, you can sent us email via our Themeforest profile page
Is this updated to React 19 latest version ? If not when can we expect?
Hi, we will update to React 19 when the stable version released.
Stable version is already released
As what we see from npm, it was still release candidate.
Just to inform, React 19 is released stable version …fyi
Thanks for the information! However, we’ll still need to wait a bit longer since many libraries that depend on React haven’t been updated for React 19 yet.
We’ll probably wait until January to give third-party libraries some buffer to catch up. This way, we can minimize the need to override React versions in our package.json.
Is there a way to have dynamic pages added to the side navigation bar?
Hi, do you mean adding a component to side navigation bar?
Thanks for your response here is short video explaining: https://www.loom.com/share/c318939f10644c27acfbda782a90f673?sid=b2631081-fdb8-4149-96d5-a99ef1fa3677
Hi,
since the navigation bar renders the menu based on the navigationConfig, you might want to construct the entire config on your server and send it to the client. Alternatively, you can inject your dynamic menu data into the navigationConfig, which is another valid approach. The key is to update the navigationConfig before passing it to the navigationTree prop in VerticalMenuContent.
We hope this suggestion helps. Please drop us a mail if you need any further assists
Regards
Hi,
I have downloaded the layout and started to use the source from Starter folder, I am trying to point the api end points to our url, but when we run it is hitting our API and its returning the data without error, but I am getting error in axios request as “Network err”, is there any particular reason to get this error, I have googled and tried lot of options but still it fails, any idea or suggestion
Hi, you may need to disable the mock api in app.config.js. You can refer to our documentation, https://elstar.themenate.net/docs/documentation/api-integration.
Hi,
Theme Version 2.1.4 Node JS 20.16.0
I downloaded the code and attempted to install the necessary Node modules but encountered numerous deprecation errors. Please let me know which Node version is required to run the code on my local machine.
Hi, as long as node version above or 18 should work.
There is an question with the file upload, it doesnt add the actual file to the payload but just the name. Does anyone have any related reference or an example code to get this done?
I raised this question 2 weeks back (with support option) but I didnt get any response from author 
.
Hi, we did respond your mail, please check your mailbox again.
could you please resend your reply, as I don’t have anything in my mail inbox ?
Hi, please also check if the mail dropped to junk. Since we have replied your mail twice, we will just attach the code example here, please find the following code for your reference:
const data = new FormData()
data.append('file', files[0]) //Assume this this your file
data.append('user', 'hubot')
const resp = await yourApiService(data) //pass form data as payload
We hope this solves your issue.
indeed NOT. you handle the file input within your upload component (and your component handle multiple files, its not point discuss only about file0. therefore we cant simply use above code and it wont get the file which handled inside your component. show me one working code with your code base with simply using above code if possible. You have done a great work on UI/UX, really appriciate that. But documentation and sample codes are incomplete. why don’t you add one such example to documentation with the fake api? (I still didn’t receive any email except from theme forest email which indicate that you have replied to this thread .)
Hi, we will add more examples to make the usage clearer. Regarding the upload component, you can use the onChange prop to handle the uploaded file. Here’s a complete example of how to send file data to the server:
import { useState } from 'react'
import Upload from '@/components/ui/Upload'
import Button from '@/components/ui/Button'
import yourApiService from '@/someWhere/yourApiService'
const UploadExample = () => {
const [file, setFile] = useState<File>(null)
const onFileUpload = (files: File[]) => {
if(files.length > 0) {
setFile(files[0])
}
}
const handleSubmit = async () => {
const data = new FormData() // this will be your api payload
data.append('file', file) //here's the file data it self
data.append('user', 'hubot')
const resp = await yourApiService(data)
}
return (
<div>
<Upload
showList={false}
uploadLimit={1} //this prop restrict the upload limit
onChange={onFileUpload}
/>
<Button onClick={handleSubmit}>Submit</Button>
</div>
)
}
export default UploadExample
P.S We have no idea why you are not getting our emails.
thank you for this reply. I have one another question regarding tables. we have both sortable and unsortable columns in a single table. however even after set ‘sortable:false’ for a column, the sorting arrows are still visible and functioning in the column headers . seems there is an issue, I checked this with the demo version too. (or do I have to add something more? ). thanks in advance
Hi, TanStack Table has updated its API. You should use enableSorting now instead of sortable.
Hi In this data table can I have different bg color for each row depending on its data. ie: const { active } = props.row.original
// if active===true , tr bg color should be green otherwise its normal color
Hi, currently the data table doesn’t support this functionality, but it can be achieved by introducing a new callback props to TR by exposing row props as params. Please drop us an email if you need further help on this.
I don’t see any documentation for Notifications – does Elstar have notifications pre-built?
By notifications, I mean alerts.
Hi, is this what you meant? https://elstar.themenate.net/ui-components/alert
Hi, is it possible to add a home page to this template. When i tried doing that via adding a / path to the route, i get this in the url ”?redirectUrl=/”. I will be anticipating your reply.
Hi, please try to change authenticatedEntryPath to / in app.config.ts
This is still not working. I believe you do not understand what i am trying to acheive. I want to create a landing home page to the site that all users can see. There will be an options to signin which will take the user to the dashboard.
Hi, this might need some configuration on routes.config, please drop us a mail, we will provide a step by step guide and code example.
Hello there. I have purchased the theme, and so far I love the look and feel of it. I was wondering if there is a way to get hands on the Figma file as well provided I’ve already purchased this theme for Themeforest? I saw the link to the Figma file on UI8. I would appreciate if you could share Figma as well so we can do preliminary work on Figma and then move to production using this theme.
Thank you.
Hi, We’re offering the Figma version separately through our partnership with UI8. its not bundle along with the template.
Is the Figma file included in this purchase?
Hi, we had our conversation in email.
How can i implement firebase in this template, because of the redux i cant add auth from firebase and i cant use data from firebase is there any way to implement it.
Hi, please drop us an email, we will send you example implementation
We just send you the implementation, please check.
I want to create a home page following the login/signup page along with public routes but can be also accessible while logged in. Is it possible and how?
Hi, you can include that page in private route as well and set the layout type to blank.
If I put that page in the private route, then it can’t be accessed while logged out. I just want this page to be accessed with or without logging in.
Hi, I mean you can put it in both private and public routes.
With the upgrade to Vite, does this allow allow for server side rendering now on some pages?
Hi, Vite does support server-side rendering, but just so you know, our default setup is focused on the client side. If you’re thinking of going with server-side rendering, it might require some additional configuration.
very attractive theme! would be game changing to see a ‘chat’ application in this one. additionally more options for error pages.
Hi, thanks for your feedback, we will consider to add this feature to our future update.
I wish you could have a user feed interface, like where users can make posts (text, image or video) and other users can comment, comment reply, react and share…etc…just like Facebook social media but with the whole Elstar feel and touch
Thanks for your feedback, we will consider to add this feature in our future update.
