139 comments found.
It’s a good template with a lot of components, etc. However I have my own component library I’ve built over time however it’s all in TailwindCSS. UI/design is not my strong-suit, hence why I’ve bought a template lol. I’ve had a cursory glance at the SCSS files but there’s so many that I don’t have the slightest clue how I would begin implementing TailwindCSS support alongside the default Reactstrap.
Does anyone have any advice or has anyone managed to successfully do this? Basically I still want the default style to be what’s provided by Dashlite.
It’s just on some specific components I want them to use TailwindCSS styling instead. So 95% of the files should be unchanged and still import the default theme, if that makes sense.
Thanks for your comment.
Well, Bootstrap and Taliwind is similar type framework so you can not use both by combine as it will conflict. If you want to use Taliwind then you need use a template which is based on Taliwind.
Thanks for understanding.
Hi, Our technical team is facing some issue with the theme. Components from the header section are getting recursively triggered. Our tech team would like to connect with you over skype to demonstrate the issue and seeking your assistance in resolving the same. Early support would be much appreciated as our development is on hold due to this issue. Request your kind attention and quickest possible support.
Thanks for comment and letting us know.
Well, can you please let us know which version of template are you using? Is this the latest version of v1.7.1 or older?
If you are not using latest version then you should update and try with latest version. On the other hand if you using latest then can you please record a video with issue and send to via email at info[at]softnio.com.
Right we do not have Skype support, for that reason we are unable to connect with you. Thank you for understanding.
Thanks for your reply. Our team was also trying to resolve the issue and what we heard from them is they could address it for now. If in case the solution they could drove themselves to is not reliable enough then we would follow the inputs you shared above.
Thanks for your support !!
Ok, sure. Please let us know if any help you need.
Thank you
Hi team, Im using the component ReactDataTable but not sure how to integrate with the API. My API is currently supporting the request for take, skip, search keyword, order column and can return the total along with the list of records. Could you please give me the idea when to call the API with your code Thank you
Sorry for late reply.
Well, you can make the api call inside useEffect hook and set the data with your response. After that map your data with DataTableItem>DataTableRow component inside DataTableBody component. Take a look at our preview pages for more info about component structure.
Thank you
Plz correct me if Im wrong. are you suggesting that I download all data from server for 1 time then paging, searching locally? if yes, then that is not what I am after, the data should be retrieved correctly everytime we select a new page or change the keyword
Well, downloading all data in first time is not a ideal. So you should check this documentation (https://react-data-table-component.netlify.app/?path=/docs/pagination-remote--remote) for remote call on each page navigation.
Hopefully this will help you.
Thank you
Hello,
We started to use the Dashlite theme recently, and we are quiet happy about it. We would like to ask if you have an MUI version or at least have suggestions to migrate to MUI faster.
Thanks, Best Regards
Thanks for your comment.
Do you mean Material-UI version then we don’t have that and also it’s not easy migrate to that version as material UI is completely different UI than bootstrap UI.
Thank you for understanding.
How we can use this template with Next JS ?
Thanks for your comment.
Well, you need to convert this react template to NextJS as per NextJS documentation and their guidelines.
Thank you
I use the Demo1 project, but once I downloaded and start the project the sticky header is gone. Can’t switch between dark and light themes without the sticky menu.
Thanks for your comment.
Can you provide us a screenshot of your reference so we can understand better as we do not see any issue with sticky header. For switching color theme, you should follow docs (under theming section).
By the way, your support term is expired so to get continues support you should renew your support term.
Thank you
I would like to inquire about the behavior of the Header Component in demo4. I have noticed that it keeps rendering repeatedly when the application starts. I was wondering if there is any way to address this issue. Thank you for your assistance.
Thanks for your comment and letting us know.
We will check the issue and will release an update soon.
Thank you
I’m interested in your dashlite template, was just wondering if you plan to do a vue 3 implementation?
Thanks for asking.
Well, in short time we don’t have any plan for Vue version.
Thank you
Hello, I bought this template but I wanted the AI GEN template. Aand I don’t see it in the zip I downloaded. How can I get the Ai Gen template ?
I mean the copywriter template
Well, you should wait for next update release as it will available today/tomorrow. But you will get notification from Envato.
Thank you
Thank you for your answer ! So the use case will be accessible in this next update ? I am more interested in the use cases specifically the Copywriter use case
Well, if you mean this one – https://react.dashlite.net/demo9/copywriter then yes, it will be included as demo.
Thank you
Yes I saw the update but I don’t see the use cases in the zip file
Well, You must need to download the latest version and after that you will get demo9 layout. And copywriter is part of Demo9 layout.
Thank you
Is there a way to get only the pages and the components necessary for AI Copywriter ? In the zip file there are manny files and I’m kinda lost.
Sorry but there is no default way get only that related to copywriter as all the major components used to create use case concept. But in project has lots of layouts, where you need work on only demo9 layout.
Thank you
Hi, are landing pages are also available with admin template?
Well, this (https://react.dashlite.net/landing/) one is included but separately.
Thank you
Hi! i bought your template and i’ve a error with SCSS when i do npm start here the informations :
Failed to compile.
SassError: $color2: var(—bs-body-bg) is not a color.
╷
212 │ @return mix(black, $color, $weight);
│ ^^^^^^^^^^^^^^
╵
node_modules\bootstrap\scss\_functions.scss 212:11 shade-color()
src\assets\scss\extend\bootstrap\_variables.scss 1337:37 @import
src\assets\scss\dashlite.scss 9:9 root stylesheet
ERROR in ./src/assets/scss/dashlite.scss (./node_modules/css-loader/dist/cjs.js??ruleSet1.rules0.oneOf7.use1./node_modules/resolve-url-loader/index.js??ruleSet1.rules0.oneOf7.use3
./src/assets/scss/dashlite.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: $color2: var(—bs-body-bg) is not a color.
╷
212 │ @return mix(black, $color, $weight);
│ ^^^^^^^^^^^^^^
╵
node_modules\bootstrap\scss\_functions.scss 212:11 shade-color()
src\assets\scss\extend\bootstrap\_variables.scss 1337:37 @import
src\assets\scss\dashlite.scss 9:9 root stylesheet
webpack compiled with 1 error
Thanks for your comment.
Sorry to hear that you faced problem. Can you please let us know which demo you are trying and what version of node and npm use.
Thank you
It’s the demo 2 and my version of node is 14.16.1 and npm 6.14.12
Well, we think got the issue. Can you please delete the current node_modules folder and package-lock.json file from demo2 folder.
After that edit the package.json file bootstrap version to ^5.2.3 to 5.2.3 (just remove ^). And then run npm install for fresh install.
See as below –
// Existing line
"bootstrap": "^5.2.3",
// Change to
"bootstrap": "5.2.3",
Thank you
I did it but i still have the issue :
ERROR in ./src/assets/scss/dashlite.scss (./node_modules/css-loader/dist/cjs.js??ruleSet1.rules0.oneOf7.use1./node_modules/resolve-url-loader/index.js??ruleSet1.rules0.oneOf7.use3
./src/assets/scss/dashlite.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can’t find stylesheet to import.
╷
11 │ @import “node_modules/bootstrap/scss/variables-dark”;
│ ^^^^^^^^^^^^^^^^^^^^^^
╵
src\assets\scss\extend\bootstrap\_variables.scss 11:9 @import
src\assets\scss\dashlite.scss 9:9 root stylesheet
Sorry to hear that.
Well, we just try again on our computer and have not face any issue compile. Can you please recheck that you have successfully deleted your node_modules folder and as well as package-lock.json file before fresh install. This issue will show when on your node_modules has bootstrap 5.3.0 version instead of 5.2.3 version.
Also you can wait for few days as our team working on migrating bootstrap v5.3.0 version, once it done for all the version, we will release update.
Thank you
I did have the bootstrap 5.2.3 and confirm that is not working on my side.
Please allow us sometimes as we are going to release an update with patch.
Thank you
Can you please download the latest version and try out. And if you face issue then please let us know.
Also you should update your node version to latest stable one.
Thank you
HI, I need this for use of 3 people in a tech support , how this will work? do i need another form page template?
Thanks for your comment.
Well, we are bit confused about your question, actually are you looking for functional thing or want to make functional based on this template? As this is static template so basically you need to make functional based on your requirements.
Thank you
I need all this sample version demo you have to work propertly, this is no hard to undertand, I want that same demo you are selling but that actually works , how can i make this demo work so that I can start creating projects and working for me?
Well, this is a template so we provide it as static. As you looking for functionality that actually works so you need to hire programmer to make functional using this template based on your requirements.
Thanks for understand.
Ah ok thanks
You welcome!
Hi, We bought the react version of dashlite, we would like to know the estimated date of implementation of the primary skin that already has the html version.
Thanks for choosing our template.
Well, initially we do not have plan for implementation of primary skin in react version like html as it just for preview purpose as how it looks on that color. But if you like use that color skin in you project then you can simply update the variable of scss/dashlite_variable.scss with /scss/skin/theme-{name}.scss for that particular color skins.
Thank you
Hello! Do you have a version with a breakdown into components and documentation? About DashLite react
We are sorry but we didn’t understand what you mean? Our documentation is already in package file that you can get after download.
Thank you
All the dependencies seemed to load okay. I’m on Ubuntu 22.10 SassError: Can’t find stylesheet to import. ╷ 42 │ @import “dataTable/datatable”; │ ^^^^^^^^^^^ ╵ src/assets/scss/vendors/bundle.scss 42:9 @import src/assets/scss/dashlite.scss 14:9 root stylesheet
Does this error look familiar, any fixes?
Thanks for your comment.
Well, we have not face any issue like this but it seems file are missing. You may try again after redownload the package.
Thank you.
I did that. What seemed to make a difference is the case sensitivity of the include.
- ../dashlite-react-v1.6.0/dashlite-react/demo3/src/assets/scss/vendors/bundle.scss 2023-05-11 18:05:06.000000000 -0700
+ src/assets/scss/vendors/bundle.scss 2023-05-12 15:20:37.210255248 -0700
@ -39,7 +39,7 @
@import “dropzone/dropzone”;
-@import “dataTable/datatable”;
+@import “datatable/datatable”;
// Include React datatable
@import "react-datatable/react-datatable";Thanks for letting us know. We understand the issue now as your environment is Linux so there is case sensitivity for that reason it now found. We will update path in our next update.
Thank you very much.
Can you help me out with something? I would like to use the `nk-msg-nav` element from demo3 (messages app) as a secondary (top nav) in the top navigation header of demo2. What scss or html code do I need to change to make that happen?
Thanks for your comment.
Well, each layout is different and code (class names) is same and for that reason you can not simply transfer one from another as it will conflict. Better is based on design you can code on your way without copy-paste.
Thanks for understanding.
Hey,
The react lib used is old and when I tried to update it’s showing an error coz of dep…
I don’t think this will be useful for me.
Is it possible to get a refund? I think May be HTML Version will be good for me to purchase.
Thank You
Thanks for your comment.
Well, if you try to update react version or any library then you need to update necessary thing as per updated version.
On other hand our team working on new update version where we are updating react version and necessary things, hopefully very soon it will available.
Thank you
Nice template! My compliments. Are you planning for a Vue JS version as well? I already am familiar with Nioboard, but thats a smaller template.
Thanks for choosing our template.
Well, we have plan that for feature plan but take much time to available so we can not promise anything now.
Thank you for understanding.
Hi, I development a modular system to sell modules for my core ERP system, I like use your template because it’s complete for admin system
Is there a way to sell the system using your template? Of course, charge for the license or reach an agreement on a proportional license and send you those charges for the purchase of my base core?
I think this way because it’s complicated tell all users buy a template in themeforest and send me a purchase code, then they think it’s a fake system for reaseon way they may buy 2 times
Sorry for my bad english
Thanks for asking.
Well, if you want to sell your modular system using our template then you can do that but you need to purchase multiple license as single license allow to give single client/customer, and this way your clients/customer does not need to purchase the template separately.
Usually you need regular license, but if your client/customer charge to their user from website (like saas) then you need to purchase extended license for those.
Hopefully you can understand. If still have any question, please email us at info[at]softnio.com
Thank you
This is the point, one way to buy a single license for each customer buy my system, then I send then purchase code to email of customer and/or save in my system manager save each purchase code, but is there a way to buy the licenses using some api? or how would I do that part?? I can only buy a single license of your template with my account
Well, whenever you sell and distribute your codes to any of your customer, before that you can purchase new license from Envato (using account) and attach the license file in your distribution copy zip package.
Thank you very much.
Excellent thank you very much
You most welcome!
Hi team, Do we have any documentation of this dashboard. Our developer is facing some issues.
Thanks for contacting us.
We are not sure what kind of issue you are facing but you can check our documentation here – https://docs.dashlite.net/react/ and react related documentation from here – https://react.dev/learn
Thank you
