769 comments found.
Drang and drop of Kanban Board not works in mobile devices?
Can you please let us know which demo layout are you using?
Thank you
Hello, I have purchased Dashlite template. Please how do I upload/import it to my wordpress site. Please help
Hello,
Thank for choose our template.
Sorry, but this is not WordPress theme/plugin so you can not install into WordPress site.
If you want to use in WordPress then you have make it functional for WordPress as per WP development guide.
Thank you.
Are you providing a react version any time soon?
Thanks for asking. It not very soon but but we near about finishing. As still some work left so we can’t promise any schedule.
Please can i use this on wordpress.
Support for DashLite – Bootstrap Responsive Admin Dashboard Template
No, this is not a wordpress theme or plugin so you can’t use in WordPress. Only you can use if you develop functionality for that.
Thank you
I’ve added a select element to my Register page so that users can pick their country as part of the registration process. The select displays the list of countries when clicked, but I can’t see how to include the flag – is there something in the demos that shows how to do this?
Well, by default you can not add flag or anything extra code in <select> & <option> tags. But with Select2 plugin you can do with some custom code, so you can check their documentation – https://select2.org/dropdown
Thank you.
Thanks for the info – it works very nicely 
...but I have another question
My form fields all use the form-control-lg class, so their height is “calc(2.625rem + 2px)”
However, select2 overrides the intended height and changes it to “calc(2.125rem + 2px)”
I tried forcing the sizes in theme.css:
.select2-selection__rendered { line-height: 1.25rem !important; } .select2-container .select2-selection—single { height: calc(2.625rem + 2px) !important; } .select2-selection__arrow { height: calc(2.625rem + 1px) !important; }
...however, that doesn’t work – the select is not displayed correctly 
Is there a simple way to make select2 retain the original element height?
One other observation with select2… the dropdown carat appears “overlaid”
With the select element closed, it displays as shown here: https://snipboard.io/34FgJ7.jpg
...and when open, like this: https://snipboard.io/v0J2ip.jpgHello,
Screenshot issues – By default it won’t happen unless you added any additional class or wrong markup. Please check our original markup.
Select2 Height – to make select2 height as input text field then please use data-ui=’lg’ instead of ‘form-control-lg’ in <select> element.
Thank you.
I tried that but it hasn’t helped
I searched demo 1 and the only page with the data-ui=”lg” I found is user-profile-regular.html – the mark-up is:
[select class=”form-select” id=”address-county” data-ui=”lg”]
My page has:
[select class=”form-select” data-ui=”lg” name=”country” id=”country”]
...but the select2 is still not matching the height of surrounding inputs
I also tried data-ui=”xl” but that was also ignored
I assume the issue is because I’m using the landing demo (index 2) as the basis of my page and trying to copy over any missing CSS from demo 1 – I thought I’d got everything, but it seems something is missing as I also still see that overlaid caret. Can you suggest what I might have missed and/or where to look?
I found the issue! ...but not the solution yet
$(document).ready(function() {
function setFlag(country) {
if (!country.id)
return country.text;
return $('<span><img src="/public/images/flags/' + country.element.value.toLowerCase() + '.png" /> ' + country.text + '</span>');
};
$('#country').select2({
// theme: 'bootstrap',
placeholder: 'Select your country',
templateResult: setFlag,
templateSelection: setFlag
});
});
With that code disabled, the select2 displays correctly (in terms of height), but without the flags… Closed: https://snipboard.io/M4lo1p.jpg Open: https://snipboard.io/yN69k7.jpg
If I enable the code but comment out the “theme” line, the select2 displays normally (including the flags), but ignores the data-ui directive / form-control-lg class, so renders shorter… Closed: https://snipboard.io/3oaI0d.jpg Open: https://snipboard.io/H3Ajdf.jpg
If I uncomment that theme line, the select2 seems to render correctly in terms of height, but the outline is missing, the placeholder text & search-box outline are darker, and the dropdown list has no scroll bar… Closed: https://snipboard.io/cosZ63.jpg Open: https://snipboard.io/2Zgtpj.jpg
Can you assist?
Sorry for late reply.
First of the the issues you are facing in landing page specially after added some new code from you side?
As per last comment, you are using complete new initializer for select2 so it won’t work with data-ui or other default behavior that we provide in default code.
You actually you need add other default code as below –
$('#country').select2({
theme: 'default select2-lg', // for our default theme and large version
allowClear: true, // if you want clear x icon.
placeholder: 'Select your country',
templateResult: setFlag,
templateSelection: setFlag
});
Try out and let us know.
You guys are fantastic! – works perfectly now
It’s great to know.
Hello, I need more information. Don’t you have a more complete manual explaining how to use each of the tags?
Well, you should read their documentation – https://yaireo.github.io/tagify/
Hy please I have a little problem with “data table” in dashlite template
We are not sure if you actually purchase or not? As we can see that you have not purchase yet. To get our support you must purchase.
Thank you
I’m trying to buy with Nigerian debit master card and it doesn’t support it. Please I need help
Sorry, we can’t help on this you may try with PayPal.
I’m trying to use SweetAlert2 with the Landing demo, but I’m clearly missing a step somewhere… I looked at the other demos and:
- added the @include('@nodeRoot/node_modules/sweetalert2/dist/sweetalert2.min.js’) line into bundle.js
- copied the node_modules/sweetalert2 folder from demo 1
- copied the src/scss/vendors/sweetalert2 folder from demo 1
- ran “gulp build”
...but the SA2 CSS isn’t being added to dashlite.css in the dist folder
What have I overlooked?
Well, as you said you have copy scss files form node_modules folder to your desire folder but did you link that in dashlite.scss or /vendors/bundle.scss?
Thanks! – I’d missed linking the package in bundle.scss – all working now
It’s great to know that it’s working.
Do you have UI template for this product? I wanna buy it
Sorry, we do not have UI template of this template.
Can you please provide an explanation + example code for implementing custom form validation rules and messages? Based on the Jquery.Validate docs, I tried adding this to the bottom of my page:
$('#contact_form').validate({
rules: {
name: {
required: true,
minLength: 3
}
},
messages: {
name: {
required: 'Name is required',
minLength: 'Minimum length is 3 characters'
}
}
});It works, but seems to be breaking the in-built implementation because the “is-alter” class is being ignored.
I would also like to know how to access the jQuery.validator.addMethod() with the in-built implementation as I need to create some custom validations
Hello,
Thanks for asking about validation but i don’t not understand why you try with this? Why not with html 5 validation and data-msg attribute for message.
If you use built-in validation class (’.form-validate’) then you can simply manage everything from html end as example below -
<input name="name" minlength="3" data-msg-required="Name is required" data-msg-minlength="Minimum 3 characters" required />
Other hand you need need to add our customize code for styling as below example -
$('#contact_form').validate({
rules: {
name: {
required: true,
minLength: 3
}
},
messages: {
name: {
required: 'Name is required',
minLength: 'Minimum length is 3 characters'
}
},
errorElement: "span",
errorClass: "invalid",
errorPlacement: function errorPlacement(error, element) {
if (element.parents().hasClass('input-group')) {
error.appendTo(element.parent().parent());
} else {
error.appendTo(element.parent());
}
}
});
Thank you
Thanks for the examples
You welcome!
var table = NioApp.DataTable.init = function () { NioApp.DataTable(’#venueList’, { processing: true, serverSide: true, ajax: “{{ route(‘manager.organizer.venue.list’) }}”, columns: [ {data: ‘id’, name: ‘id’}, {data: ‘name’, name: ‘name’}, {data: ‘address’, name: ‘address’}, {data: null, “defaultContent”: ””}, {data: ‘action’, name: ‘action’, orderable: false, searchable: false}, ] }); };
everything works fine so far.
but, table.draw(); I want to run the command.
[Error] TypeError: table.draw is not a function. (In ‘table.draw()’, ‘table.draw’ is undefined)
This is not a problem if I use datatables js.
Hello,
First of not sure if you purchase our template or not? But seems like you have not so contact us after purchase the template.
Thank you
I just noticed that the menu links in the landing page headers don’t work (same problem with both layouts) – the links include valid anchor IDs i.e. #service, and a corresponding id=”service” anchor exists in the pages, but the page doesn’t scroll to the relevant position when the links are clicked. However, the page is aware of where it’s positioned as the header menu items change colour as the different sections are manually scrolled into view.
You should try in server mode, in localhost or staging server then the problem will solve as in our demo everything works fine.
Thank you.
I solved the issue by adding a ”/” to the links i.e. /#service
It’s great to know.
For your kind information, in our template we used ’<base href=”../”>’ which will you did not need in real application. The issues you faced because of base href set. Hopefully you can understand.
Thank you.
Hi, I just purchased the dashlite theme, and I need help with understanding how this works I use blazor and I’m importing per page and component to my project, how do I get all the resources necessary for the theme?
thanx
Hello,
Thanks for choosing our template.
We are sorry but we are not expert in blazor or asp.net programing so we can not directly help you on that. If you have any question and need help in html then we are happy to assist you.
Thanks for understand.
I think there’s a problem with creating the dist version – hopefully it’s not something I’ve caused by accident!...
For the public part of my site, I want to use landing page index-v2 along with the auth pages from demo 2 (because I can easily merge them so the auth pages have a top menu), so I made a copy of the “landing” folder and then copied the auth pages across from demo 2… so far, so good.
I added some css to src/../theme.css and the pages display correctly from the src/html folder.
However, when I run “gulp build”, the dashlite.min.css file (which exists on the src side) is not being created in the dist/assets/css folder.
In addition, the theme.css file on the src side is not copied over from the src/assets/css folder – instead, a “default” file appears containing only:
/! * Theme Name: Default * Package : DashLite * Author: Softnio * Author URI: http://themeforest.net/user/softnio * Version : 1.0.0 * Updated : 07.23.2020 */
and overwrites whatever was already there.
There are no errors being reported when I run “gulp build” so I don’t think I’ve broken anything.
Any thoughts?
Thanks for your details in comment.
First of when you build dist file with ‘gulp build’ it will not generate the ‘dashlite.min.css’ as that file we provide as pre-build version. So in dist folder you got ‘dashlite.css’ which is actually minify version and it consider as ‘dashlite.min.css’.
Also if you update anything in /src/scss/theme.scss and then build theme.css will update otherwise not.
Hopefully you can understand.
50% success ...
I copied the code into /src/scss/theme.scss, and that does create the /dist/css/theme.css file, but it doesn’t update /src/css/theme.css so it seems I need to update that separately to check my edits are correct before copying those edits to /src/scss/theme.scss ...is that correct?
I also checked /dist/.../dashlite.css but that is not a minified version at all – it’s actually a very readable 16,908 lines (378kb) whereas /src/.../dashlite.css does appear minified and is only 8,771 lines (345kb)
Personally, I prefer the readable version as there’s not much difference in file size, but I thought I should mention it.
We are not sure how you get the ’/src/css/theme.css’ file as we did not profile that or our gulp command can build that. Something you may configure wrong.
Sorry, about dashlite.css, actually we changed a long ago and we forgot that as lots of customer requested that they prefer non-minify version so we generate that by default. But if you want minify then you can simply update gulpfile.js to build minify version. In gulpfile.js file have a ‘scss’ function block where we have comment what need to use for minify or non-minify.
Thank you.
First of we don’t think that you have purchase our template.
Also this html template so there is nothing about installation or setup if you mean to server.
Thank you.
Yes, I’m a beginner and love your template. I would like to buy but would like to know the theme that I can use for it. Please tell me if I will have need any theme that will be compatible with it
Well, we are not sure what purpose you want to serve? This html template so you can transform into anything what you want. But of-course you must that knowledge to program that.
So you will actually need to hire programmer to make functional to serve your actual purpose.
Thank you.
I want a Crypto investment website. I don’t know any developer here that I can hire here. Please can you do that for me? Crypto currency trading website
Sorry, we can not help you for developing as it is a very large functional project.
Great theme, super clean. I see lots of talk about React version and interest myself. The React seems to be under development and wondering the following:
- Planned release date/timeframe? - Will it look/feel essentially the same as this version? - Use Bootstrap and SASS ? - Have a dependency on jQuery?
Thanks and keep up the good work
Thanks for your comment.
Yes, our React version under development. Right now can’t promise any schedule for that but we have plan to giving private access to our React version end of this month to get customer feedback.
Also our react version will be same current design using bootstrap/sass but no jQuery dependency so some of plugin will be changed which is based on jquery that is why it take time to build.
Thank you very much.
thank you for the response and can understand the changes. I would like to participate in the private access to our React version at the end of this month if possible so let me know. Cheers
Well, if you want to get access then please email us at info(at)softnio.com after 24th May with your purchase information and github user name.
Thank you.
Hello!
Hope you are doing well. We would like to know that we are inviting our customer to access Demo1 beta version on React. So if you would like then you may email us at info[at]softnio.com to see demo and also access source code.
Thank you.
Expect Angular Version!
Sorry, it short time we don’t have any plans for that.
Thank you
Can you make it compatible with Yii
Thanks for asking. Well are not not familiar with Yii framework so can’t provide full support of that.
Thank you.
hi how can i integrate this dashboard to my website, how can i get the code?, what are the payment methods ?
Well, we are not sure what type of your website but as this html template so you need to integrate your own way but possible. You can get the code once you purchase and you can purchase with paypal, card from envato.
Thank you.
