769 comments found.
Hello, so I am trying to use the SVG icons in the inbox mail as icons for email attachments. However, the SVG does not show, and if I remove the outer divs(the first two divs), the ‘outer’ SVG (the file icon) shows, but the inner ‘elements’ (the lines that make up the icon do not show)
This is the SVG icon I am trying to use.
// Code Start <svg xmlns=”http://www.w3.org/2000/svg” viewBox=”0 0 72 72”> <g> <path d=”M49,61H23a5.0147,5.0147,0,0,1-5-5V16a5.0147,5.0147,0,0,1,5-5H40.9091L54,22.1111V56A5.0147,5.0147,0,0,1,49,61Z” style=”fill:#e3edfc” /> <path d=”M54,22.1111H44.1818a3.3034,3.3034,0,0,1-3.2727-3.3333V11s1.8409.2083,6.9545,4.5833C52.8409,20.0972,54,22.1111,54,22.1111Z” style=”fill:#b7d0ea” /> <path d=”M19.03,59A4.9835,4.9835,0,0,0,23,61H49a4.9835,4.9835,0,0,0,3.97-2Z” style=”fill:#c4dbf2” /> <rect x=”27” y=”31” width=”18” height=”2” rx=”1” ry=”1” style=”fill:#599def” /> <rect x=”27” y=”36” width=”18” height=”2” rx=”1” ry=”1” style=”fill:#599def” /> <rect x=”27” y=”41” width=”18” height=”2” rx=”1” ry=”1” style=”fill:#599def” /> <rect x=”27” y=”46” width=”12” height=”2” rx=”1” ry=”1” style=”fill:#599def” /> </g> </svg> File Doc Alt // Code EndHelp will be greatly appreciated. Thanks in advance.
Well, as you want to use as code copy code directly from file which is located assets/images folder. If copy from html file then you might face problem.
Thank you.
Thanks. I’d like to say you have the best customer support and I will definitely be extending my support.
You most welcome.
Hello, I bought your product. I couldn’t install it. Can you help me?
Well, not sure how you try? Did you check our documentation for installation node.js and gulp?
Thank you
Hello
My name is Anifowose Ope I recently purchased Dashlite admin dashboard html template and I have been having issues with the installation of the template. So I hired someone to install which he did but the demo content are still showing how do i make it live content.
Thanks Regards
Hello,
Thanks for choose our template.
We are not sure do you mean by ‘demo content are still showing’. This is html template show what ever saw in our demo that exactly you got. You need to update content if required or you can make functional.
Hope you understand.
Thank you.
Hello, ,I need to write backend code? or is the backend inside?
If you mean to functional code then yes, you need write as this static html template.
Thanks
Thank you for adding dark mode! I’ve been waiting
You most welcome! Hope you loved our dark version as well as our work.
Feel free to give a good ratting to our template.
Thank you very much.
Good evening, so i have enjoyed your template so far, so i have a quick question, your datatables integration, so far i have configured it to work with my ajax scripts, i seem to have an issue when creating a a reload function for it as users might want to reload a table, normally it is done by $variable.ajax.reload methos but based on your integration that isnt working, any way around it? thank you
Hello,
Thanks choose our template.
As you want to control datatable your own with ajax so don’t use pre-init one. Add your own code in ‘NioApp.DataTable.init’ function block which is found under script.js
If anything else let us know.
if i do that, i can not maintain the styling of the NioApp.DataTable created, i want to be able to maintain that styling while using my own datatable
Well, in html if you use exact same markup as we have and just remove ‘datatable-init’ class and use your own class then it works.
Also if related to other datatable markup then you need to use ‘dom’ & ‘language’ from our existing code that found under ‘NioApp.DataTable’ function block on same file.
Thank you.
Issue fixed successfully, also i noticed datatable doesnt scroll on smaller screen sizes, used css and datatable options to, any suggestion to this
Well, we can’t tell exactly without check directly your working version. Is this scrolling issues happen in our live demo or it just happen on your end?
Thanks
Just simulated it with the live demo too, if you open your datatable from a device with a smaller width maybe phone, the table collapses to just the first or first 2 colums of the table and the others no longer visible without a scroll menu to view other columns. you can check it out to
Well, not sure if we understand or not.
Example, we are on this page – https://dashlite.themenio.com/demo2/components/tables/table-datatable.html and checking on mobile devices.
So if you looking for horizontal scroller then on first table we have enable responsive mode so you notice that all the column switch toggle [+] to expand mode so it does not support by default but scroller will allow when you have set responsive: false on datatable init code.
Also on second table, we hardly optimize make more mobile app feel and easy access to more button so there is no horizontal scroller and other columns they are hide based on screen size.
If this is not what you mean then please send screenshot where you actually targeted.
Thank you.
Solved, thank you
Thats really awesome. Good to hear.
Is there a calendar page coming ?
Not very soon but we may work just after our dark version done.
Thank you.
Do you have React? I need it
Sorry! We don’t have right now.
Do you think? Usually new projects need this. So i need this. React and Vue version is perfect for this pack! Do you any plan for it?
Well, we partially start React version development but we can’t promise any schedule as it very early stage.
Hope you understand.
Designing example breadcrumb would be good i cant find breadcrumb in the theme.
Thank you 
Also it’s available in every layouts, under UI Elements>Breadcrumb.
Thank you.
Hi,
Just curious if it’s possible to add a color picker? Or do you have example of that being implement, I may have missed it in the demo?
Hello,
Thanks for your query.
Well, right now color picker does not include built-in in our code so you did not miss it 
But thank you very much for your suggestion in our future update we will include.
Thank you.
How to access the DataTables object that has been initialised within scripts.js, outside the scripts.js. I want to access the current row:
For example this code:
var table = $(’#example’).DataTable(); // How to get this object that has been initialised?
$(’#example tbody’).on( ‘click’, ‘tr’, function () { var d = table.row( this ).data(); } );
d.counter++;
table
.row( this )
.data( d )
.draw();
Well, when you want to try to set and get as object of initialized DataTable, you need to do with custom class as our pre-initialized class won’t help.
So from DataTable remove ‘datatable-init’ class and then add your own class/ID in html first. After that simply follow your code. You can add your code in ‘NioApp.DataTable.init’ function block after the line of ’$.fn.DataTable.ext.pager.numbers_length = 7;’
Thank you.
How to use the modal() function on a modal to show or hide a modal?
Hello,
You can check bootstrap modal (https://getbootstrap.com/docs/4.0/components/modal/#via-javascript) docs for full detail. As you can call with data-attribute or javascript function.
Thanks
Yeah…. I still am getting an error: $(...).modal is not a function
(...).modal is not a function TypeError: $(...).modal is not a function
I’ve been using the javascript files that came with the theme.
Modals overall are working though.
You mean you adding code in scripts.js file? If yes, then please add very end of code as start like this -
!(function (NioApp, $) {
$('.my-modal').modal();
})(NioApp, jQuery);
When I’m running it outside the scripts.js, it returns that same error, how so?
Please check that you have load first bundle.js, then scripts.js and then your custom code. As per previous comment, modal() is not function so we think you may add this before bundle.js load. As in bundle.js have bootstrap modal function. So please check order of loading files.
Hi,
I would like to ask what the “bundle.js” file (inside the “assets -> js” folder) and your function really do? Why is it important to use?
You can send the same “unminified” file, with comments and well structured for editing, please!
Thank you so much Rúben
Well, the source of bundle.js you found src/js folder as assets/js is pre-complied copy. Also the bundle.js is just include of all the jquery/javascript library. If you look at src/js/bundle.js then you can easily understand.
Thanks
Hi,
You can send the same file but “unminified”? With comments and well structured for editing, please. Please note that I’m not using Gulp to manage files however, I need remove the unnecessary code inside the “bundle.js” file.
Or you can help me to “cleaning/manage” the Javascript/Jquery code, that I don’t use.
Thank you so much Rúben
Well, first of bundle.js is full of libraries. So by default you can not remove single or few line of code (except entire library). Best way is to use node as it’s help you edit/update very quickly, maintain minify reduce size.
Other hand if you want one by one then you can download all libraries from their respective sites as all link found on our documentation. Most of libraries provided you 2 types of file as compact, minify. Also some of may provide dev versions. So after download, you can create bundle own way or link in html one after another.
Thank you
Or, you can let us know which library you need add in bundle.js so we can compile and send you but it will be minify too as we gulp command for update.
Thank you
You can send the unminified version of “bundle.js” file to support@inebur.com?
Well, as told before if want to remove something from us then let us know which demo layout and what library need to remove so we compile for you as use gulp but it will be minified.
Otherwise, please go their respective website from – https://dashlite.themenio.com/docs/index.html#sourcesCredits and simply download the package what they provide and build whatever you like.
But the library need to load by order – Jquery, Bootstrap, Nioapp (found in /src/js/vendor/nioapp) and then any library as simplebar, select2, weetalert2, toastr, jquery-validation, slick, clipboard, chartjs, nouislider, dataTables, dropzone, datepicker, timepicker, knob, steps etc. Also you can see orders from src/js/bundle.js as it just single line of code.
Thank you.
I can use fullcalendar in dashlite panel???
Yes, you can use but you need to integrate that is per their documentation.
Thanks
See demo 7 > chats. How do I remove the default scrollbars in nk-chat-aside-body and nk-chat-panel and keep simplebar?
Hello,
Thank you very much for reporting. There is seems a little bug, so we will fixed it in our next update.
Thanks
Thank you
You welcome!
Solved it
And might as well share it: in dashlite.css remove align-items: flex-start from the class nk-chat.
That’s really greats. Thank you.
I am trying to combine different pages. For example I’m trying to take the purchase form from the investment page to the subscription pages.
When i move the html over, it doesn’t look the same. is there a special trick, or class i need to add or javascript?
Thanks!
Well, by default each demo layout are different so you can not use directly unless you transfer manually.
There is no trick, you just need understand the thing as there is 3 parts, as based layout, common components and conceptual components. Where based layout can’t transfer one to another. Comon components are already available each demo layout. But conceptual based concept you need to transfer if you need to use one to another.
So as you want invest component into subscription so you need to copy html markup (you already did) as well as copy relevant scss code from demo6. Conceptual based code as invest, crypto, subscription related css code already separated in /src/scss/ folder by relevant name. So check you will understand.
Thank you.
Hello, JS files used for the login page need their names not bundled. Can you tell us which JS’s you use on the login page? Thanks.
Well, in Login page which js file you refer? can send me the name so we can under. Or do you mean the slider that use in Login page?
Also in which demo layout are you working?
Thanks
scripts.js:724 Uncaught ReferenceError: NioApp is not defined at Object.<anonymous> (scripts.js:724)
i get this error and i put bundle.js then scripts.js next
Did change any inside code? Also which one are you using? Our pre-compiled one or you have compiled with node?
Also check what is written in line 724?
Thank you
Is it possible to have a Slider Bar? 
Yes! Awesome!
Thank you
That’s greats.
You most welcome!