Discussion on DashLite - Bootstrap Responsive Admin Dashboard Template

Discussion on DashLite - Bootstrap Responsive Admin Dashboard Template

By
Cart 3,711 sales
Well Documented

softnio supports this item

Supported

This author's response time can be up to 1 business day.

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 End

Help 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

do you think sell on Envato Elements?

No, we have not plan for that.

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

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 :)

Well, you can see example here – https://dashlite.themenio.com/demo1/components/elements/breadcrumb.html

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?

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

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?

You welcome!

Solved it :grin: 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! :D Thank you

That’s greats.

You most welcome!

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey