769 comments found.
Hello,
i have a question about range sliders. I saw that in the documentation on the section sources, there is the library noUiSlider, but in the theme there is no documentation for sliders. so i want to ask u if you could add it
Hello,
This is original site documentation (https://refreshless.com/nouislider/) so you check and get full details of uses.
You can use two way as with build-in function or create your own function as example below -
// You can initial any class using below function.
// In html must declare the id attribute
NioApp.Range('.own-range-class', {option_of_nouisider});
// Or you can define own function as regular functional.
function your_custom_function(){
// any code you would like
var range = document.getElementById('your-slider-range');
noUiSlider.create(range, {
range: {
'min': 1300,
'max': 3250
},
step: 150
});
}
your_custom_function();
If any thing else let us know.
Thank you.
Hi, may I know when will be next update (file manager) released?
Today we are going to release an update and in this update it will available. You will get notification once updated.
Thank you.
Hi ..
I want to know if i can enable and disable the KYC at will.
I also want to know if the investment process pays directly to my specified btc wallet.
I want to know if i can change the logo and color scheme.
Basically i come from using an HYIP script for investment. I just want to know if this works precisely as that does and i only want use the Investment part for now can disable and enable at will ?
Thank you.
Hello,
Thanks for your query.
First of all I want to make clear that this not a script. It’s just static html template.
Now by default enable / disable or any process depending on how you programming your application. And when you program you can use your logo or change any thing you want.
Hope you understand.
Thank you
This will sound weird but what exactly can i use this for.
Can it be used as is it is on the DEMO.Can people sign up, login and invest and does it perform the basic function of displaying the user investment sats. Does do something at all.
Well, we already told that it will work if you programming those functionality otherwise not. This is a static template so we try to show how look an application and make easy to build the functionality.
Hope you understand.
Thank you
I have some issues using the gd-general.js file. I wanna call the function orderOverviewChart(selector, set_data) from HTML file in script Balise
All the javascript function used “use strict” mode so you only call inside same scope.
If you want call from any here like html then you need to move that function to global function as not under any scope.
As example bellow -
// Current code looks like below
// scope block
!(function (NioApp, $) {
"use strict";
function orderOverviewChart(selector, set_data){
//... ...
}
})(NioApp, jQuery);
// You may define global function as outside of scope
function orderOverviewChart(selector, set_data){
//... ...
}
// call this from any where
orderOverviewChart($('.your_selector'), data_set_object);
Thank you.
Hey.. I want to buy this crypto investment theme.. But i have some questions first..
1. is there any payment gateways already?
2. If i have my own token, can i add that to this theme and run the investment over that..
3. can i add more gateways or do you have that service to do so, with extra payment.. I want to have metamask payment option there..
Hello,
Thanks for your interest in our template.
Well, this is a template so everything is static. If you plan to use then you need to make functional.
Answer for 3 questions is No. There is no such thing as mentioned above why. Right now we don’t provide any service for large task.
Thank you
hi, I couldn’t run the toastr script in your theme. I wrote the code below myself. I ran standard toastr. But I want to use your toastr design. What should I write. Good work Thanks.
toastr.options = { “closeButton”: false, “debug”: false, “newestOnTop”: true, “progressBar”: true, “positionClass”: “toast-top-center”, “preventDuplicates”: true, “onclick”: null, “showDuration”: “300”, “hideDuration”: “1000”, “timeOut”: “7000”, “extendedTimeOut”: “1000”, “showEasing”: “swing”, “hideEasing”: “linear”, “showMethod”: “fadeIn”, “hideMethod”: “fadeOut” } toastr [warning_type] (message, title);
Hello,
You can found the toast initial code in /scripts.js file line aprox 124.
You can that when ever need also example used found in /example-toastr.js file -
NioApp.Toast('Your message text here that will display.', 'warning_type', {toastr_option_object});
Other hand you can create your own function and and under the function you can use your code.
Thank you.
thank you for the answer. Can you give an example?
Well, if you read our comment then you should understand as we provide you example of uses code how we can use our code.
Also similar uses code available in ‘assets/js/example-toastr.js’ file too.
Thanx.
You welcome.
Hello, thanks for this dashboard extension. I want to get a new template for a hyip website and wish to ask if I could get a recommendation of a website template to work well with this dashboard I just bought? Thanks in advance.
Thanks for purchase our template. Sorry we don’t have any website template for hyip website that we can recommended you but you may find something on marketplace.
Thank you.
Thank you for your reply.
You welcome
Hello, thanks for the very professional theme. Anything I want to ask how do I make a sort order based on the date in the datatable table? thank you
Hello,
Thanks for your comment.
The best way apply order by date, when you get data from server. But if want to order later when DataTable initial then you can assign new class with your own attribute and re-initialized as example -
NioApp.DataTable('.your_own_class', {
order: [[2, 'desc']] // 0 = first column so 2 will be third column.
// support any option that support by datatables.
});
You need add this code in scripts.js file under ‘NioApp.DataTable.init’ block found in line 440.
Thank you.
thanks for the instructions, another one, when i save the html page to asp, when running on localhost, the template display becomes messy. Can it not be saved in asp format? thank you
Well, Please check that all the assets (css, images, font, js) load correctly and from correct path. You can check error log via console.
There is no reason, if you convert it ASP or any other extension. If server can process and browser can read then it will be fine.
Thank you.
The menu in your “covid” theme is nice. For example, if it merges with the “Invest Dashboard” theme. You can do better, I’m sure.
How much does a menu update fee cost? I’ll be happy if you can help me.
Good work
Hello,
We understand you needs but base on our current resource its hard to provide customization services as we are already behind the schedule of some of our major update of this template. So for us it take much time to provide customization service as we also need to continue our update process.
Hope you understand. If you think you have enough time and wait for us then you email us at info(at)softnio.com for estimation.
Thank you.
Understanding Layout / Design
Please provide a guide on how to correctly use the following classes and examples of its use:
.nk-body .nk-app-root .nk-main .nk-wrap .nk-content-body .nk-content-wrap .nk-content .nk-content-sidebar .nk-content-fs .nk-content-inner .nk-content-fluid .nk-content-lg
in the documentation you provide says absolutely nothing about when to use one class or when to use another
thanks a lot Domingo Tapia
Thanks for asking.
You see each class have a name identical and meaning full name as body, app-root, main, content, content-sidebar etc. each class on respective purpose example for nk-body for body tag, then we use nk-app-root for those may build SPA app, then inside we use nk-main and nk-wrap after that based on design we set other classes.
In package inside every concept we provide a _blank.html where only only available the base layout, you can use that.
If you want to create full new layout then better is don’t use those class name even we also use different class name and write new style for each layout so it not conflict with others.
there is some utility extension in name like – xl (extra large), lg (large), sm (small), fs (full-screen), full (full height) etc.
Remember if you want to build new layout, you may use any class name from any layout but it not work properly and always required some additional css for actual layout what we do our own.
Thank you.
Yesterday I bought the license and I love the design of the SAAS dashboard. It would be nice if they added a landing page and more SVG icons. Congratulations.
Hello,
Thanks for choose our template and it good to heard that you loved it.
About landing page or more icon, actually as this is dashboard template so there is very low chance to add landing/website pages and normally we add icon time to time based on our design requirement so in future we add more which is required to complete a design.
Thank you once again.
Thanks for your response, looking forward to the updates.
May I ask are you planning any Kanban Boards within the template?
Also you have a modal on the emails, do you use the left right full page modals?
Kind regards,
Peter
Well, We have plan for Kanban as it will part of our Project Management App concept. But it will delay as after eCommerce.
Sorry i am not clearly understand about modal on emails. If you bit explain then it will better for us to answer you.
Hi,
Wanted to ask a quick question. Do you have a list of features that you are planning to release in your next version and also possible date? I have seen chat was one of them which would be beneficial.
Thank you,
Peter
Hello,
Thanks for asking question.
Hope this week within 2-3 days we will release next update where File manager will available. And next week chat and basic form wizard will release. And after that will release new full app concept for eCommerce. Hope it will helps you.
Thanks
hi, could you provide the source code of nioapp.min.js ? thanks !
Hello,
Thanks for asking, but sorry to inform that right now we unable to provide that file as that is not organised and still in development phase. Also we think that you don’t need to change anything specially on that file as everything you can control from scripts.js. But if need any necessary help to understand let me know.
Thanks
Thank you for your reply. As a developer, I fully understand your reasons. But, this is the case, I am developing a project and need to integrate your template into my project. The source code of this file was not provided, which caused some confusion in my work. From the compressed code, I can guess that this code is the initialization of some third-party plugins,and I need to add some other plugins, and my boss asked me keep the code clean and structured, so I have to add new plugins directly into the file. I have tried to rewrite this code myself, but I found that it may be easier to ask you for help directly. So, if possible, can you provide me the source code privately, even if it is not the final version yet. thank you very much! (I am Chinese, my english is not very good, sorry)
Hello,
Actually you don’t need to add third-party into that file as you can see most of third-party code we added into scripts.js file. Also just think different way as nioapp.js work as library like other library and you never need to change original library code, if you do then you must change jquery, bootstrap library, but as always you can override or reinitialized the our code.
Also in our nioapp.js how we code third-party we added as example below and in those code nothing special. Actually we added those for quick call and regular uses and you don’t need to modify.
NioApp.BS.popover = function(elm) {
if($(elm).exists() && typeof($.fn.popover) === 'function') { $(elm).popover(); }
};
NioApp.Picker.date = function(elm, opt) {
if ($(elm).exists() && typeof($.fn.datepicker) === 'function') {
$(elm).each(function(){
var _format = $(this).data('date-format'),
attr = {
format: (_format!=='') ? _format : "mm/dd/yyyy",
maxViewMode: 2,
clearBtn: true,
autoclose: true,
todayHighlight: true
};
$(this).datepicker(attr);
});
}
};
If you want to over-ride base function then simply you do that in scripts.js by added new code just after ‘NioApp.ClassNavMenu’ function as below example -
NioApp.BS.popover = function(elm) {
// Add anything as like you want. as it will over-ride previous function.
};
// Or you can re-assign with new element - as
NioApp.BS.popover($('.your-class'));
And if you don’t want initialize the our one then simply remove the initialize line from scripts.js as most are start after line 410.
Hope everything we make clear to you. But still confusion let us know.
Ok, I’ll try your suggestions first. Maybe when I am more familiar with the overall structure, I will find that this problem will no longer confuse me. In addition, my team and I really love your template, we can’t find other better one. 
OK, Sure.
Please try and and let us know if anything else.
It’s great to know that you guys loved our template.
Excuse me, you have designed the css name space for each app separately instead of using the bootstrap css utility class, such as nk-cov- *, nk-ibx- *, etc. I want to know, if there are more and more apps in the template in the future (as you said in the story, you will develop more apps), will the css file grow bigger? I am worried that this will cause performance issues.
Thank for your concern.
Well, we used bootstrap utility class where necessary but other case we used unique class for no conflict and easy update without broken other layout.
We understand that it may increase css size but we don’t think it’s problem as we coded all separate so you can remove or use specific one and this way you can minimize file size more and more. Also most of them non-dependency and component base so you do not need to worry about broken.
Example – nk-cov is used for covid template and .nk-ibx used for inbox, So you can easily update on covid layout only without worrying anything and same way you can remove if no need to use in your main project.
Also now a days component base design and coding follows top level companies, so we do not think there is a problem.
Thanks
how to assign the color of the selected theme (skin = blue, egyptian, green, purple, red) to the knob graph, Automatically
thanks a lot.
Domingo Tapia
Sorry for any kind of graph (chart, knob) you can’t switch color automatically or easily as as those are required add code script file. For that reason you can see that in our demo colors are not switching.
But it’s possible, but you need to program that with ajax as you need to re-draw the chart or knob with new value otherwise it not work. For that you need to ready their documentation.
Hope you understand.
Hello.
How can I change the text in the center of the knob graph, which shows something customization like the following
95% Reached
in two lines
Thanks a lot.
It the text come automatically then you can’t but if manual then you can add ‘br’ tags make two line. or 2 separate ‘div’ element for 2 line. Example something like – https://dashlite.themenio.com/invest/scheme-details.html
Thanks
Hi, how to add some options to Datatables ? (i have a error message “Cannot reinitialise DataTable”) Thank you
Well, if you explain more about what kind of option you want to add then we can provide you more details.
Also did you follow datatable documentation?
by example, change “language” label, but not for all application datatable, just for one datatable.
Well, you can reinitialized datatable with your own class using below function in script.js.
NioApp.DataTable('.your-datatable-init', {
// you can use all the method/option what ever supported datatable example as below line -
language: {
searchPlaceholder: "Type in to Search",
infoEmpty: "No records found"
}
});
Also current default initialized code found in /scripts.js line around 440 to 445.
Please try out and get back to us if anything else.
Thanks
Hello guys, when it the chat coming . I have been looking forward to it but still in coming soon mode. thank u
Well, right now we are working on file manager, once it complete then we work on Chat. Hopefully very soon it will available.
Hi, this theme have dark mode? Just asking, this theme already great now.
Hello,
Sorry right now dark mode not supported as it not ready yet. But hopefully next month we will introduce dark feature too.
Thank you.
Hi, I use Webpack and i have this javascript error :
Uncaught ReferenceError: NioApp is not defined at Object.<anonymous> (scripts.js:1) at Object../assets/js/scripts.js (login.js:466) at webpack_require (bootstrap:79) at Object../assets/login.js (login.js:7) at webpack_require (bootstrap:79) at checkDeferredModules (bootstrap:45) at Array.webpackJsonpCallback [as push] (bootstrap:32) at login.js:1
Have you an idea ? Thak you
Can you check that you have included all the files as our bundle?
Specially this file ‘src/js/vendors/nioapp/nioapp.min.js’. If not include then add just after bootstrap and try.
Thanks.
Yes :’(
require(‘bootstrap’); require(’../js/nioapp.min’); require(’../js/scripts’);
Seems you have wrong location of nioapp.min as it inside of ‘js/vendors/nioapp/’ folder. So please check out the path correctly.
Thanks
Ok that’s work with : global.ClipboardJS = require(‘clipboard’);
Well, it good to hear that your problem is solved.
Thanks