Discussion on Metronic | Tailwind, Bootstrap, React, Next.js, Vue, Angular, Laravel Admin Dashboard HTML Template

Discussion on Metronic | Tailwind, Bootstrap, React, Next.js, Vue, Angular, Laravel Admin Dashboard HTML Template

Cart 120,084 sales
Recently Updated
Well Documented

keenthemes supports this item

Supported

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

12220 comments found.

thumbs up for admin 4 layout !

Many thanks :)

Hello, There is any instruction in how to installed and make the admin panel to work with the template and make changes?? I am new in this and I need so help?? Do you guys provide installation in make it work and be able to make the changes??

Thanks

Hi :),

Thanks for your feedback.

Basically to utilize the metronic in your custom system you will need some experience in end to end web development since this theme is not for non-developer users. Metronic is basically an HTML theme(built with HTML, javascript and css) without actual functionality(the database integration and application business model). The actual implementation is responsibility of buyer. Basically any web applications/systems contain of 2 layers:

1) Design and Frontend UI(html, css, javascript)

2) Actual system implementation using a server side language such as PHP or Java, and database engine such as MySQL or Oracle.

So our Metronic theme, as an HTML theme helps you on the step #1. The step #2 will be responsibility of the buyers as every buyer has own requirements and system specification.

If you need any further clarifications please let us know. For more info you can check our FAQ here: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469/support

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

In v3.6, how does one disable sorting of specific columns in Advanced Tables?

Hi :),

Please refer to table_managed.html and table-managed.js. In table-managed.js you can see how the sorting is set for spesific columns:

"columns": [{
      "orderable": false
      }, {
      "orderable": true
      }, {
      "orderable": false
      }, {
      "orderable": false
      }, {
      "orderable": true
      }, {
      "orderable": false
}],
For more info you can check the datatables plugin’s official doc here: http://datatables.net/reference/option/columns.orderable

Thanks.

Hello, I am interested in your template. We are accounting company and we want to make a website with an admin panel. In this panel , our costumers have to upload files and create invoices. Is this possible with your template. After that we have to posting them and upload some summary. waiting for your answer .

Hi :),

Thanks for your interest in Metronic. Yes you can use Metronic for your app. It will perfectly fit your needs. But actual business logic must be implemented by buyers so there won’t any restrction for any implementation. Basically to utilize the metronic in your custom system you will need some experience in end to end web development since this theme is not for non-developer users. Metronic is basically an HTML theme(built with HTML, javascript and css) without actual functionality(the database integration and application business model). The actual implementation is responsibility of buyer. Basically any web applications/systems contain of 2 layers:

1) Design and Frontend UI(html, css, javascript)

2) Actual system implementation using a server side language such as PHP or Java, and database engine such as MySQL or Oracle.

So our Metronic theme, as an HTML theme helps you on the step #1. The step #2 will be responsibility of the buyers as every buyer has own requirements and system specification.

If you need any further clarifications please let us know. For more info you can check our FAQ here: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469/support

To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes ;)

Thanks.

On your corporate template > blog item, in comments section, if comment text is too short, then time and reply section mix with media heading. Is there a way I can stop this?

You can see it in your latest version on last comment which does not have replies comments part. Tnx

Hi :),

Sorry for the late reply. We could not understand your described issue. Will it be possible to send some screenshots to our support at support@keenthemes.com ?

Thanks.

Sure, this is the image, I’ll also write to support, but it would be nice if you could post solution here also: http://postimg.org/image/evqnf6ont/

Noted. We will check your email and reply you asap.

How do i activate form validation? I am trying to use this: <input name=”number” type=”text” class=”form-control” aria-required=”true” aria-invalid=”true” aria-describedby=”number-error”>

However the number error message is not appearing ?

Hi :),

Thanks for your feedback. You can check http://www.keenthemes.com/preview/metronic/theme/templates/admin/form_validation.html demo. In the demo we used jquery validation plugin and you refer to the plugin’s official documentation here: http://jqueryvalidation.org/

To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

Hi, read the same question earlier but don’t understand your suggested solution about the “sDom” :( I am trying to build a responsive table, but even in your demo, your “responsive” tables are not responsive as the have a horizontal scroll: http://www.keenthemes.com/preview/metronic/theme/templates/admin/table_responsive.html I have added the Responsive Extension (both CSS/JS) as instructed on https://www.datatables.net/extensions/responsive/ but I cannot get it as it should; my demo page: http://diskstation.puregraphx.be:5103/Klanten/GIT/Enbro/table_advanced.html

Hi :),

Thanks for your feedback. We will check it further and consider implementing it in a future releases.

To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

Well, the JS/CSS is already in the download package, but I cannot get the tables-advanced.js to work :(

Sorry, at the moment this extenstion is not integrated with Metronic. We will check it further and consider implementing it in a future releases. Stay tuned!

Love the consistent progressive updates. But I do miss one thing that you have removed… The button that allowed you to show & hide table columns. Can you send me the code etc for this button and its function please??? thanks

Don’t bother, found it. Thanks

Great! :) If you need any further assistance please let us know.

To stay updated please follow us on http://twitter.com/keenthemes ;)

How can I console.log when a bootstrap switch (button/checkbox) has change state? here is my input button

Susbcribe to email notifications <input id=”sub_email” name=”sub_email” type=”checkbox” data-on=”success” data-off=”default” class=”switch-regular sub-email”>

that html gets transformed into this by the plugin

ON <label for=”sub_email”> </label> OFF <input type=”checkbox” class=”switch-regular sub-email” data-off=”default” data-on=”success” unchecked=”” id=”sub_email” style=”position: absolute; opacity: 0;”>

any help will be greatly appreciated

Thank you

Hi :),

You can use below code:

$('#my_switch').on('switchChange.bootstrapSwitch', function(event, state) {
  console.log(this); // DOM element
  console.log(event); // jQuery event
  console.log(state); // true | false
});
For more info you can check the plugin’s official documentation here: http://www.bootstrap-switch.org/events.html

To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

Hi,

Sorry if this is a newb question. I am trying to run my own MySQL query for ajax_table and I have edited the demo php query file but I can’t seem to work out how to iterate the results so that they present correctly in the table. In my impatience I have hacked it but now they all show up in the table with no pagination. It is also unclear to me where to post the values to via ajax to update the results.

Thanks for your assistance. :-)

Hi :),

You can check below example from the datatables plugin’s official documentation:

http://datatables.net/examples/server_side/simple.html

Also you will need to check the ajax response from your browser console to make sure the backend script works as expected and return’s proper JSON result.

To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

Only a suggestion! Maybe you can put this following plugin in the next version: http://plugins.krajee.com/file-input

Is similar to Advanced File Input, but the image preview works correctly with SVG images; I don’t know if this plugin is better or not! I not used the ‘Advanced File Input’ plugin because don’t show SVG preview and I needed this on my project.

Hi :),

Thanks for your suggestion. We will check it further and consider it in a future releases.

To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

Hi I’m using bootstrap select when the dropdown overlaps with my datepicker, the datepickers textbox is above the dropdown items, any fix for this?

Thanks!

Hi :),

Thanks for your feedback. Can you provide us a test link to your developing site ? Or at least can you provide us some screenshots where we can see the issue clearly ? If possible please try to use both component separately(put them a bit far from each other).

Thanks.

Hi where can I send the screenshot?

You can email to our support at support@keenthemes.com :)

Hi,

I ‘m using native ajax modal codes for my project. But i can’t use advanced data tables in the ajax modal window.

I want to ask, is it possible to use advanced datatables search function and pagination at ajax modal windows?

Thanks

Hi :),

Thanks for your feedback. Yes, that will be possibe. You will need to include required js and css files in your master page and run the datatable initialization code within the ajax content. You can put the JS code to initialize the datatable right in the ajax content inside script tag under document ready event.

If you need any further clarifications you can contact our support at support@keenthemes.com

Also you can follow us on twitter.com/keenthemes and like us on facebook.com/keenthemes.

Thanks.

Where have the psd’s gone from resources? I downloaded the new version hoping for the admin 3 psd as it wasn’t in a previous version – now all the layout psd’s have gone??

Hi :),

At the moment you can get the psd for admin 1 and frontend themes We will include the psd files for admin 3 and admin 4 in the next update.

To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

Hi,

Thanks for replying so quickly. I look forward to the update.

Thanks.

Angular versions support IE8+?

Hi :),

Yes, current version of Metronic which is v3.6.1 uses AngularJS 1.2.27 which supports IE8. But the latest AngularJS v1.3.0 has dropped IE8 support. In the next update we are releases Metronic with AngularJS v1.3.0.

Thanks.

How does the Metronic’s API for Bootstrap Alerts work? I’m trying to show an alert after I submit a form that adds a row to a database. All I want is a green alert box that says success. But looking at the demo files I cant figure out how to get that message to display like the demo does

Hi :),

Thanks for your feedback. You can just call below API function whenever you need:

Metronic.alert({
     place: 'append', // append or prepent in container 
     type: 'success',  // bootstrap state classes
     message: 'Successfully done!!!',  // alert's message
     close: true, // make alert closable
     reset: true, // close all previouse alerts first
     focus: true, // auto scroll to the alert after shown
     closeInSeconds: 0, // auto close after defined seconds
     icon: 'fa-check' // put font awesome icon before the message
});

If you need any further clarifications please let us know. To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

I get that but I still can’t get the alert to display on my page

Are you getting any JS error ? You should double check your browser console. If you need any further assistance please email our support(support@keenthemes.com) a test link to your developing site. Without looking at your code we won’t be able to give you any further advise.

Any planned update for future?

Hi :),

Sure, we are planning to release the next update by next week. To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

Hi,

First of all: CONGRATULATIONS for this AMAZING TEMPLATE!

and… I have a dumb question, but anyway: I am trying to use the quick-sidebar, but I don’t really understand the functionality behind the user’s list and chat… the demo version is just opening a single demo chat no matter what user I click. I need to know how to pass the username from the user’s list to the chat section. I can see there’s some javascript handling the passage from users list to the chat section, but I don’t seem to understand where exactly I could pass the info I need to the chat section.

Thanks.

Hi :),

Thanks for your feedback.

The quick sidebar provide us some basic UI only and the actual functionality must be implemented by buyers according to their project requirements. If you like to modify it you can refer to ‘quick-sidebar.js’ that inluced in the template.

If you need any further clarifications please email our support at support@keenthemes.com

To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

I was hoping for something already implemented (for lazy people), but it’s OK anyway. Thank you for your reply and your lovely template.

You are welcome and good luck with your project! :)

I’m also having problem with the Knob Jquery UI Dials, is there somewhere i can see what exactly i need to implement a feature to a page as half of them don’t work when i import the javascript and css across.

Hi :),

First please make sure you included the plugin’s js file before metronic.js:

<script src="../../assets/global/plugins/jquery-knob/js/jquery.knob.js"></script>

Then you should include ‘components-knob-dials.js’ script also in order to initialize the knob elements. Also you can create your own script and write your own initialization code according your requirements.

For more info please refer to the demo template components_knob_dials.html and the plugin’s official doc: http://anthonyterrien.com/knob/.

If you need any further assistance you can contact our support at support@keenthemes.com

Thanks.

In the Jquery slider, is there a way to set my own values ? For example the vertical slider to slide a height measurement instead of 0-100?

Hi :),

Which slider are you referring ? Can you please provide the page URL you are referring to ? Also i could not understand this ‘the vertical slider to slide a height measurement instead of 0-100’. Could you please clarify your question with more details ? Also to get a better support you can email us at support@keenthemes.com.

To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

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