769 comments found.
Hi, any plans for a “timeline” page? Thanks.
Do you have any reference for that?
Blog pages would be useful as well.
Thanks.
Well, the timeline markup already supported in our template, but we did not show it as separate page but thanks for your idea. We will think in future update.
Thank you.
nioapp is not defined
Hello,
What kind of application are you building? Are you using pre-build version of js files or you build your own?
Thank you.
Hi, I recently purchased the templates for Educational purpose…
I tried working on the side bar yesterday of the index page but the changes only happened on the index page and not the rest pages…
Now the question is do I have to edit every single of the template?
Thanks for your query.
Well, as this is HTML template so you need edit each page if you use as HTML but if make functional then that depends on your functional logic.
Thank you
Thanks for your quick response,
Making functional mean I have to redesign the template right?
Well, It depends but what actually you want achieve with this template? what actually you want to build?
Thank you.
Hi, can you explain how can DataTables be translated? Thank you.
Also, are you able to explain how to maintain dark mode after refresh?
Hello,
Thanks for asking.
About Datatable – You should check DataTable documentation about their language option here – https://datatables.net/reference/option/language
Dark Mode – It’s fully about functional and it’s depend on you. You may use database for personalized setting, or you may use cookies. But thing is first you need to store and later you need retrieve that data and based on that add dark-mode classes on html. And in our code /scripts.js file has ‘NioApp.ModeSwitch’ function block which is refer to toggling dark to light.
Thank you.
Hi, I tried to add the ModeSwitch to localStorage, but it doesn’t seem to work. Is there any place else where this might be mentioned?
Well, we have no idea how you try with local storage but we don’t have any experience with that so can not guide you. Normally in our demo we use php with cookie and that is why whenever you change settings it keep as last changed.
Thank you.
Well, those are custom created icon which is designed by our team so by default you won’t find more like those unless you create your own.
Thank you.
I want is script full version you can do it..: https://dashlite.net/demo5/crypto/index.html#
Thanks for asking.
Sorry, this is not script and there is no ready full version so we unable to provide that.
Thank you
can i use this dashboard on wordpress website?
No, you can not use directly until you code it for WordPress. It because this is html template.
Thank you.
can’t i upload it using the cpanel of my hosting?
Well, you can upload using cPanel but thing is what actually you want to achieve after upload?
If you actually locking for functional like connect with database, storing data, real use then you need make it functional first, before upload into server.
Thank you.
Hello. I spent like 2 hours reading the datatables documentation about the Export title (before the buttons) but I could not find anything, until I realize that you put that word under the CSS.
Can you make a better way to put that title? Im developing an application not just for English speakers.
Let me know.
Can you also add the colvis button to datatables? You are including colvis but not the button. Thanks.
Hello,
Thanks for letting us know about ‘Export’ title that we use in css. We will add another function in javascript so you can set that from html-end and also easily translate in any language. Thank you your concern on it.
We will check and add colvis in buttons but you may add that just from scripts.js file where from we initialized the NioApp.DataTable(’.datatable-init-export’, {}); function for for export buttons.
Thank you.
Hi. Thank you. I tried but is not working (using js). The problem is that there is a CSS class missing for that: .buttons-colvis:before {...}
I added manually and was working, but I need that in the main source from you, similar to the export title.
Ok, We will check and add that from our side.
Hi, good evening—I am having an issue with this page in mobile size:
dashlite-v2.4/dashlite-template/demo3/src/html/apps/messages.html
When in mobile size and I click on the message name to view the full message, if I then click on the left arrow at the top it does not go back to the previous list of messages. What can I do to resolve this defect? Thank you in advance!
Hello,
Thanks for comment. We just check in our live demo and it seems works fine. First of can you check our live demo https://dashlite.net/demo3/apps/messages.html and let us know that is this works or not?
Thank you.
Hi, yes, looks like version 2.4 may be missing some scripts. I’ll check for an updated version to download. Thank you!
OK, Then use the latest version and try out. After that if you still face the problem then let us know.
Thank you.
I know this isn’t strictly your problem, but there seems to be an issue with the Validator library – specifically, with the “equalTo” directive…
I added a “confirm password” field to my “demo1” register_v2 page…
<input type="password" class="form-control form-control-lg" name="passcode" id="passcode" placeholder="Enter password"> <input type="password" class="form-control form-control-lg" name="confcode" id="confcode" placeholder="Re-enter password">
...so I need to check that it matches the password field.
In the “rules” section, I have:
passcode: {
required: true,
rangelength: [8, 25]
},
confcode: {
equalto: '#passcode'
}
...and in messages I have:
passcode: {
required: 'Password is required',
rangelength: 'Password must be 8-25 characters'
},
confcode: {
equalto: 'Passwords do not match'
}
The passcode field validates normally, but if I click into the confcode field and then click outside that field, I get this error in the console:
bundle.js?ver=2.5.0:15529 Uncaught TypeError: Cannot read property 'call' of undefined. Exception occurred when checking element confcode, check the 'equalto' method.
at e.validator.check (bundle.js?ver=2.5.0:15529)
at e.validator.element (bundle.js?ver=2.5.0:15380)
at e.validator.onfocusout (bundle.js?ver=2.5.0:15275)
at HTMLInputElement.t (bundle.js?ver=2.5.0:15320)
at HTMLFormElement.dispatch (bundle.js?ver=2.5.0:1986)
at HTMLFormElement.m.handle (bundle.js?ver=2.5.0:1924)
at Object.trigger (bundle.js?ver=2.5.0:3277)
at Object.simulate (bundle.js?ver=2.5.0:3301)
at HTMLDocument.n (bundle.js?ver=2.5.0:3318)
This is the offending code block in the Validator module and the “e.validator.check” is failing on the “dependency-mismatch” line – the 1st line of the “try” block:
for (i in ("function" == typeof s.normalizer ? (r = s.normalizer) : "function" == typeof this.settings.normalizer && (r = this.settings.normalizer), r && ((c = r.call(t, c)), delete s.normalizer), s)) {
o = { method: i, parameters: s[i] };
try {
if ("dependency-mismatch" === (n = e.validator.methods[i].call(this, c, t, o.parameters)) && 1 === a) {
l = !0;
continue;
}
if (((l = !1), "pending" === n)) return void (this.toHide = this.toHide.not(this.errorsFor(t)));
if (!n) return this.formatAndAdd(t, o), !1;
} catch (e) {
throw (
(this.settings.debug && window.console && console.log("Exception occurred when checking element " + t.id + ", check the '" + o.method + "' method.", e),
e instanceof TypeError && (e.message += ". Exception occurred when checking element " + t.id + ", check the '" + o.method + "' method."),
e)
);
}
}
if (!l) return this.objectLength(s) && this.successList.push(t), !0;
Hopefully you can discover what’s causing the failure and post a fix.
I seem to have stumbled onto the solution – there is an inconsistency in the convention for capitalising the validation methods… “rangelength” and “minlength” suggest that “equalto” is correct, but it must be spelled “equalTo”. Similarly, “rangeLength” and “minLength” will generate exceptions.
Hopefully this discovery helps someone else 
Hello!
We are sorry for late reply.
You already fixed the issues. Actually in javascript most of library support camel case specially when it html element property. Also you should check their documentation then you will get most of used idea.
Thank you.
Small little thing to update – you are missing TikTok on the Nio icon list
Also profile-connected.html is missing in the downloaded docs for Demo6
Hello,
Thanks for your suggestion for icon.
Also we check profile page page.
Thank you.
I’m using index2 from the “landing” set for my public site, and I’ve added the register and sign-in pages from “demo1”
After copying across some SCSS, everything looks fine, but the “eye” icons in the password & cpassword fields of the register page don’t toggle those inputs between password and text styles
I quickly noticed that the “landing” scripts.js file was missing this code…
// PasswordSwitch @v1.0
NioApp.PassSwitch = function(){
NioApp.Passcode('.passcode-switch');
};
...so I added it, but then reaslised that the “landing” nioapp.min.js file is also missing the “Passcode” function from the “demo1” nioapp.min.js file
Can I just copy nioapp.min.js from “demo1” to “landing” and rebuild?
If not, how can I enable that functionality?
Well, you can copy the nioapp.min.js from demo1 to replace your landing folder one and recompile the js then hopefully it will works.
Thank you.
Unfortunately, that didn’t work because there was code in the “landing” version that isn’t in the “demo1” version …but I was able to migrate the the relevant code from “demo1” to “landing” and all now works fine
Sound greats.
Hello, what about a Vue.js version?
Sorry, we don’t have vue version and in shortly we don’t have any plan for that as we working on react version.
Thank you.
Hey, i just bought the extended license for this software & it was the wrong one….
i wanted to buy the TOKENLITE but bought this by accident…
I would like a refund please
Please contact us via email. Our team will try to help you immediately.
Thank you.
You guys are incredible; thank you for the quick resolution & understanding!
You are most welcome!
Hello! Thanks in advance for helping, great product. I am having an issue with DataTables on one specific page that has multiple DataTables as well as FullCalendar.
The Datatables are not responsive, and tables with many columns are overflowing from the card. This is the only page of my application that the tables are not responsive. It is also the only page that I am calling individual tables and clearing them in an ajax call as shown below. Tables all have data-init-export class and a unique ID.
Let me know if you can help or know what I am doing wrong! I have tried wrapping the tables in a div with class “table-responsive” or putting “table-responsive” right on the table. All correct script and link tags are included. version 2.5.0
check out this screenshot here: https://imgur.com/a/RIkY1jS
let t = $('#paTable').DataTable();
t.clear();
Thanks for your details comment.
First of datatable responsive works different way as it not work with ‘table-responsive’.
As you use your own class for initialized Datatable, you should follow their documentation as here – https://datatables.net/extensions/responsive/
But if you use our default class as ‘datatable-init’ or ‘datatable-init-export’ class then it will automatically set responsive value true.
Hopefully it helps you.
Thank you.
Hello, thanks for the great job. I wanted to know whether you have planned to implement more form wizards.
Let me know pls
Well, right now our main focus on React version so before release that we may not work on other element like more form on wizards etc. Hopefully you can understand.
Thank you.
Im having issue with date-picker on a modal that is from another sub-page loaded. It is not working. It is only working always on the main page.
I’ve tried loading the Picker function manually on the sub page to no avail.
Well, you should re-initialize the date-picker or any other jQuery dependency element after modal.
If you are using bootstrap modal then in /scripts.js file have a function block ‘NioApp.BS.modalOnInit’ where you can add more initialize code and finally you can call that in ‘NioApp.init’ function as like this NioApp.coms.winLoad.push(NioApp.BS.modalOnInit);
Thank you.
Perfect! It is now working. Thank you
One more question, why does it gives me script error when my url is more than 3 paths like; host/url_1/url_2/url_3
Seems like your theme script only accepts up to 2 url
Can you let us know exact error msg?
Hello
For example I have this – https://localhost:44371/application/ctr – this totally fine
But this https://localhost:44371/application/ctr/status – this gives me this error “Uncaught ReferenceError: $ is not defined, and all other scripts goes “jQuery is not defined”
Could this be related to your template, I am not sure.
Please help check if you could, I will check on my side as well.
Thanks for this details. But default there no reason to give ’$ is not defined error’. It will show when any page did not reload the bundle.js as in bundle.js has jQuery.
This error is not from template as you are doing programing so please ensure that bundle.js load properly in your application. If you are using ajax to load pages then also ensure that bundle.js loaded into page.
Thank you.
YES everything is as is but the select2 search does not work. See photo here https://prnt.sc/13hpu0i and source code http://machadata.work/plantilla/samurai.zip
Well, the sceenshot of the code seems ok. But how exactly preview this and is this select2 inside part of any ajax request?
The zip file link you shared is not work.
Thank you.
Good morning, I’ve been trying to make select2 work in another view for days and I can’t help me please.
Another thing is that I do not see is the datatable help me please.
Did you check our UI element pages for select2 and datatable uses example? Is that works to you?
Hi, how are you?
Drag and Drop on Kanban Board dont work on mobile devices?
Can you please let us know which demo layout are you using?
Thank you
