769 comments found.
Hello,
We are looking for a Dashboard that helps us monitor our influencer’s social media data, such as the youtube views, location, sex, age, twitter tweets, likes etc…
Does your template offer this?
Hello,
Thanks for your comment! This template right now does not offer social influencer’s base concept but thanks for your idea. We may work on that future.
Thanks.
Hello, Great template! 5 start from me! Little suggestions - New simple login/register page without screenshots - Product lending page - E-commerce admin & lending. Thanks for this template!
Hello!
Thanks for your suggestions, We we consider that too. Right now we are working on Chat & File manager then we work eCommerce concept. As these take time but yes, we will work on by one.
Thank you.
Thanks. When all is ready i will purschase Extended license.
Why not! Keep eyes always whenever we release an update.
Thank you very much.
Hi, Great Product!
When are you planing to finish the “Form Wizard”, that’s more important and better functionality than extra dashboards.
Thanks a lot.
Thanks for your comment.
We will work on Form Wizard and other Third-Party plugins once we finished our Chat and File Manager apps screen. Hope very soon we able to do…
Thanks once again.
Hi,
I’m trying to use the changeDate event on the dob type datepicker but It’s not working. Can’t we apply any options, detect events on these?
Thanks
Can you pass your code that you are trying so we can understand better.
Also did you try something like this?
$('.your-datepicker-class').datepicker()
.on(picker_event, function(e) {
// console.log(e);
});
Thanks for the reply but it doesn’t work for what I wanted to achieve. The idea was to apply custom options to the dob directly something like this:
NioApp.Picker.dob('.date-picker-alto', {
startView: 3,
});
I found a workaround in the meantime.
Thanks though!
It’s great to hear that. I was thought you want callback event as you mentioned that changeDate event.
Thanks for letting us know.
What would be the best way to add third party. For example add a jquery plugin. I installed dropify via npm. Add the scss to the src and create a js file to inicialice the plugin like this:
$(document).ready(function(){ $(’.dropify’).dropify(); });
But for some reason it is not working. Could you please recommend the best way to include third party?
Hello,
Thanks for contact us.
Just check you have add your dropify.js file into bundle.js and css file into /scss/vendors/bundle.scss.
After that you should initial your code into scripts.js file, just add before the ’// Initial by default’ code.
Do above thing by in watch mode, so it will auto compile.
Hope it will work. So try out and get back to us if anything else.
PS do you have a private git hub repo with this theme that buyers can get access to? It would be much easier to add potential PR contributions and open issue tags etc if that is possible?
No we didn’t yet. But have plan for that in future. So when ever we give this option everyone must know.
Thank you
Hello, I need to use the toaster on a panel. I had included the example.toas.js file n it works but how can I use my custom toast function which can be used on my laravel app.-
Well, on that case you can simply follow the toastr core documentation. Also in example js, we show how you can display msg customly.
Thank you
It would be possible to create a webpack project, as it does not use gulp.
Well, right now from our side we maintain full project with gulp.
We did not build with webpack yet so we can’t help on this right now. We have plan to work on that too but we can’t promise any schedule for that.
Thanks for understand.
Hello, how much would it cost to generate a new color set?
(or alternatively is it possible to get a stripped down PSD file with just the tools you used to create the color set that’s hard coded?)
Well, Don’t get me wrong but our tools is photoshop and our eyes, nothing other than.
Check the screenshot from the link – https://prnt.sc/rtd1zt
All the colors you have seen, those are manually hand-picked and one by one to adjust design.
In our design process we create our base layout with dummy relevant color. Then we try to adjust overall details with true color till it not feel good in our eyes. Once those final then we create a palette like screenshot.
You can use online tools generate color palette as there is few website that must help you.
https://color.adobe.com, https://paletton.com, https://colorhunt.co, https://material.io/design/color/If you want us to design your color screenshot then you need contact us via email at info(at)softnio.com
Thanks
This is really helpful thank you > https://prnt.sc/rtd1zt
But I can’t figure out what this set is for (this one with ??? next to it) https://snipboard.io/6MWhUE.jpg
PS it would be an awesome idea to add a detailed color guide to the included documentation file that comes with the theme! 
Also, on this top line, I can’t figure out what color is supposed to be mixed in with the opacity percentages you described previously? https://snipboard.io/vG0Lqr.jpg
Well, the first set of row is for $light (100-900), second set of second row is $base/secondary color for text and heading, third set of second row is $accent/primary color for button badge etc. Also in second row of first set not fully use as it reverse version that we will use in dark mode screen.
We told from very first that all the color code are hand-picked and you can not make with opacity. Opacity options for those who don’t have the skill or want to manage easily. Also you must notice that these color set (screenshot one) also not used completely in our final design.
About guidelines of theme, as we did not use any specific theory of that so very hard to explain. But we use those theory what we explained in our comments. If you want very good matching then you must need a UI designer help.
Thank you
Hello,
I bought this template and I really like it but having a hard time figuring out how to create layouts based on the nk- classes. Do you have a document that can help me navigate this? i don’t want to reverse engineer the templates to figure out how to use them.
Thank you,
Hello,
Thanks for purchase our template. Also I hope you are safe in USA.
Well, we are not sure what kind of layout you want to create, if you use our base layout then we think does not create any problem. But if you try to build own layout then it might create problem.
Also the .nk- classes is our custom class name as we did not use common name to prevent other third-party assets.
There is nothing specialty in this. As some other one might write .header, .footer, .wrap, where we use as like .nk-header, .nk-footer, .nk-wrap etc. Hope it make sense.
We use those class on each layout and optimized with css code based on the structure of layout. So when when you create own layout then you might need some to code some additional css to adjust that.
We can help you more, if you provide some reference what you coded and what you want to achieve.
Thank you once again.
hello i buy your itiem this isa verification licence fb0ec023-1f58-431f-af15-f49dd8d20241
i’d like to get a sample of data base and can you show me how to install it on my hosting please
Hello,
First of thanks for your purchase our template.
We am not sure what do you mean by sample of database? This static html template so there is no database or installing option on hosting.
As HTML template so you need functional your own way.
Let us know if anything else.
Thank you.
ok can you tell how to install it in my hosting please
Well, In our previous comment we informed you that there is NO option to install into hosting.
waou
$light-100: #ebeef2; $light-200: #e5e9f2; $light-300: #dbdfea; $light-400: #b7c2d0; $light-500: #8091a7; $light-600: #3c4d62; $light-700: #344357; $light-800: #2b3748; $light-900: #1f2b3a; $base-100: #ecf2ff; $base-200: #dfe9fe; $base-300: #b6c6e3; $base-400: #8094ae; $base-500: #526484; $accent-100: #eff1ff; $accent-200: #e3e7fe; $accent-300: #c4cefe; $accent-400: #9cabff; $accent-500: #798bff;
Thanks for asking.
Well, this color variable are manually selected to improve our design. Also with mix() function it not possible match exactly what we want but we use several place to dynamically. In mix() function the % value always depend main color contrast and saturation.
But yea, we use little trick to generate those code via photoshop as below.// opacity based on main/primary selected color. $100 - opacity 8 to 15% $200 - opacity 20 to 30% $300 - opacity 35 to 45% $400 - opacity 55 to 65% $500 - opacity 75 to 85% $600-$900 same as above but on dark as reverse. // the percentage always depend on our eye as what make feel good to us.
Hope above information is good know.
Thank you once again.
Hey, can I use parts of this template in my open-source tool? Thanks!
Why not! You can always use that but one purchase allow to use only one tools or project or in one site that for you or your client.
But remember you can’t resale or redistribute the tools. And if you are using in any commercial or saas application then must required extended license.
Thanks for your concern about it.
Thanks for the answer! Let me clarify again… Can I publish a dashboard, based on this theme, in my personal github account?
Well, You can not publish the whole template. Yea, you can publish the tools that you going to create using the template.
Even I publish your template partly? I’m sorry, I don’t want any issues with that in the future 
Well, NO you can’t publish the template partly as this is a premium template. You can use only when you purchased the template.
As we mentioned earlier that you can publish your tools publicly using our template but not directly share our template.
Thank you.
Hi
i have problem with ” active current-page ” on menu on page like : /profile problem in ” active current-page ” still in Overview route: /
Well, you should ensure that your href value and the route match exactly and no sub-path route.
Normally we used javascript to auto manipulate the class (which is not recommended) where we simply use match() function so possible to in some scenario it may not work, specially if your link ‘href’ value and page route structure bit different.
If is there any way show us your working demo then we can suggest more details.
When downloading the source package, the gateway will always be prompted to time out. If you pay for it, you cannot download it.
It’s very hard to understand what are you saying as same message you have sent couple of times.
Please email us at info(at)softnio.com with your error screenshot so we can help you.
Thank you.
Thank you for your reply. I have found the question. It’s a problem with Google’s browser software. When you visit themeforst website to download products, you will be prompted that 504 times out
Download project successfully using other browser。
It’s good know that you have finally downloaded.
Thank you for letting me know.
When downloading the source package, the gateway will always be prompted to time out. If you pay for it, you cannot download it.
Hello,
I am not sure what exactly you mean? Do you mean that you can’t download from Themeforest and show timeout? Can you please email us at info(at)softnio.com with your screenshot of error msg?
Thanks
Hello,
I am not sure what exactly you mean? Do you mean that you can’t download from Themeforest and show timeout? Can you please email us at info(at)softnio.com with your screenshot of error msg?
Thanks
Hey again! Just thought this was a fun addition to autoload gravatars into .user-avatar slots! In case you are interested in improving it and adding to the core NioApp toolset
(for example you could pull in a client-side md5 package to allow users to simply tag an email address in the data-gravatar="" attribute.
Thanks for this code idea.
We saw, it really very useful to other people who want to integrate the gavatars.
We may consider this feature. Thank you once again.
By default Datatable is hiding columns that take more space from the layout’s width. Can I disable this?
How can I set width on a specific column?
Well, In DataTable 2 ways hide columns. One with our class .tb-col-{xs|mb|sm|md|lg|xl|xxl} or auto hide by datatable ‘{responsive: true} in javascript. So depend on your use case you need to follow.
With our class – if you remove those class then it will never hide.
Datatable it self – if you use ’.datatable-init’ class for datatable initialization then you can simply disable auto responsive by add attribute ‘data-auto-responsive=”false”’ in html.
Thanks.
To set specific width, you need add own custom class and then set width value against that class.
Thanks
Got it!! Thank you
If anyone have this issue. You can assign column priority to be displayed on mobile devices by using data-priority=”1” inside th html.
That’s greats. Thanks for mention this. It may help others.
Hello,
Do you have any plans to launch an official project landing page?
Hello,
Sorry! but can you explain what do you mean by ‘official project landing page’?
It would be (landingpage) sorry I’m not fluent in English.
Well, we have no plan yet for landing page design under this template as this template especially for dashboard so mostly we focus on dashboard or admin/user panel concept.
Hope you understand.