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 119,012 sales
Recently Updated
Well Documented

keenthemes supports this item

Supported

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

12182 comments found.

How can i execute a code after mDataTable is completed

Hi,

You could use datatable event to execute after mDatatable init is completed.

datatable.on(‘m-datatable—on-init’, function() { });

Thanks

Hi, Can you make the angular version (and its skeleton) for Demo 12 – Metronic Classic Reborn soon? I think this is also a basic demo that a lot users love to have. Thanks

Hi :),

Sure, we will consider it in the next update.

Thanks.

Hello Sir ! Just got a new license to have more support ! What is the best way (faster) to get support ? By Here ? By Forum ? By email ? I have a problem: Is there a know BUG in validation plugin ? I am trying to validade my form using inline sintaxe, just following their website example. The problem is that only the first empty field gets validated ! When I type something on it and press the form button, the next field gets validated… but always, only one ! The weird is that if I set the validation rules in javascript the validation will work as expected… just the inline syntaxe is not working…. Is that a know BUG ? Is there a work around ? THANK YOU !

Just found the problem in validation plugin… it was no bug…. I was missing the “m-form__group” class in the previous div… Thanks a lot !

Great! All the best with your project :)

Your layout exporter is broken: https://keenthemes.com/metronic/tools/builder/exporter.php 500 (Internal Server Error)

Hi :)

We have fixed it. Can you retry again?

Thanks

Yes, I tried but the export is always not reflecting the Options selected especially the “Expandable Search” in place of the “Dropdown”

Thank you for feedback. We will check and fix it soon.

change log

Hi,

Here is the changelog https://keenthemes.com/metronic/?page=changelog .

Thank you.

When you have time, can you please push the 5.5.4 update to github. I prefer to pull latest source from there. Thank you!

Already done. Sorry for the delay :)

Please update a dashboard for medical/health application

Hi :),

Noted. We will consider it . Thanks for the suggestion.

Hi, I wanted to change the template menu icons in the sketch. even installed the line-awesome font continued with the problem and I can not access the support area of the theme

Hi,

Are you having an issue with the theme itself or with the provided Sketch files ? Could you please explain your issue with more details ? Please note our support mainly focuses on the theme related issues.

Thanks.

dropdown buttons cover profile menu, Is this an expected behavior? When we click on dropdown button, it should close profile menu, shouldn’t it?

Hi :),

Thanks for the feedback. By right, the topbar dropdown menu(the user profile) must be on top. We will fix it in the next update.

Thanks.

mQuicksearch we need full example

Hi,

Working server side examples is provided already. Please check the documentation folder to see the server side demo scripts.

Thanks.

Hello Sir ! Great Theme ! I am upgrading from old metronic to this new one. Is there a reference for what plugins are used in the new theme ? A url for that plugins documentation… anything… like Input Mask, what is the used plugin ? Where is its documentation ? The validation plugin ? THANK YOU !

Hi :),

Please check the documentation https://keenthemes.com/metronic/?page=docs. The reference is provided.

If you like to continue using the theme support please consider renewing your support subscription as it is already expired.

Thanks.

Thank you ! I will buy another license… not just renew support… just need to show this to my client and confirm that he will use it ! Also, after I buy another license, can you help me compile the javascripts without the plugins I don´t use ? I dont really know how to do it ! Or this is not included in the support you give ? THANKS IN ADVANCE !

Hi :),

Yes, you can exclude unused plugins from the build. Its very easy. Just refer to the documentation. All steps are documented.

Thanks.

How do you specify the mPortlet component? e.g. best-seller.component.html contains <m-portlet> component. But you can’t specify class=”m-portlet—skin-dark” and get the desired result.

Am I not understanding how to style reusable metronic angular components?

I’m sorry … I’m going to stop asking questions here because I always keep finding the answer 10min later. Solution is to use options.. <m-portlet [options]=”{class: [‘m-portlet—skin-dark’]}”>

There is a bug / typo in your portlet.directive.ts Line 19. Should read headOverlay?: boolean; not headOverflay?: boolean;

Hi :)

Thanks for your feedback. We will fix the typo.

Thanks

mQuicksearch we need full example ajax return page not avilable when use codegniter conttroller:

............................................................................................................................................. function search() { $data[‘title’] = ‘Search’; $search_text = $this->input->post(‘search_text’); $data[‘search_text’] = trim($this->input->post(‘search_text’)); $userdata = $this->customlib->getUserData(); $carray = array(); if ($userdata[“user_type”] == “Teacher”) { $rec= $this->load->view(‘admin/search.php’,$data, TRUE); echo $rec;

}
.......................................................................................................... view: Documents <?php if (empty($resultlist)) { ?> <?php } else { foreach ($resultlist as $student) { ?> <?php echo $student[‘firstname’] . ” ”. $student[‘father_name’] . ” ” . $student[‘lastname’]; ?> <?php } } ?> .......................................................................................................................................... ajax: quicksearch=new mQuicksearch(“m_quicksearch”,{mode:mUtil.attr(“m_quicksearch”,”m-quicksearch-mode”),minLength:1}),quicksearch.on(“search”,function(t){t.showProgress(),$.ajax({url:”localhost/smartest/admin/admin/search”,data:{query:t.query},dataType:”html”,success:function(e){t.hideProgress(),t.showResult(e)},error:function(e){t.hideProgress(),t.showError(“Connection error. Pleae try again later.”)}})}))

Hi,

Working server side examples is provided already. Please check the documentation folder to see the server side demo scripts.

Thanks.

hi I want to report a bug in RTL version but i don’t find the right place so mUtil.scrollerInit does not work correctly in RTL i commented this and its been worked in the correct way

mUtil.addClass(element, 'm-scroller');
  ps = new PerfectScrollbar(element, {
      wheelSpeed: 0.5,
      swipeEasing: true,
      wheelPropagation: false,
      minScrollbarLength: 40,
 //......   this line >>>>>>>>> suppressScrollX: true ......
  });
mUtil.data(element).set('ps', ps);

Hi,

Thanks for your feedback. We will double check this.

Thanks.

Hi keenthemes,

I just finished cutting, setting, creating forms, using Metronic templates …. and the developpement project it is allready working (CRUD Stuff), I’ve been struglling for 1 year now.

But I’m running into some sort of an issues that bugging me for a while, I mean I tried to add a Bootstrap Modal for the 20% CRUD remaining operations of the projects. I did make that sub-project of CRUD Work fine in separate Django/jQuery/CSS/HTML project.

After integrated that sub-project into my main Django / Metronic project, it failed, it wont work.

Here’s screenshot : https://ibb.co/hfQqxe

I set the actions buttons in the list and the above the table to illustrate you that, the ones in the list don’t work, but the above of table works, not just even table, I made them one outside the actions list place, they worked.

here’s the Update button modal in action (Update-Modal) : https://ibb.co/bCVLVz

and Delete-Modal : https://ibb.co/c7Psce

even Create/ View (blue one works).

Now my Javascript code responsible for firing-up Bootstrap Modal is below : /* django-bootstrap-modal-forms version : 1.2.1 Copyright (c) 2018 Uros Trstenjak https://github.com/trco/django-bootstrap-modal-forms */ (function ($) { // Place the form at formURL to modalContent element of modal with id=modalID var newForm = function (modalID, modalContent, modalForm, formURL, successURL, errorClass) { $(modalContent).load(formURL, function () { $(modalID).modal("show"); $(modalForm).attr("action", formURL); ajaxSubmit(modalID, modalContent, modalForm, formURL, successURL, errorClass); }); }; // Add AJAX validation to the modalForm var ajaxSubmit = function (modalID, modalContent, modalForm, formURL, successURL, errorClass) { $(modalForm).submit(function (event) { // Prevent submit and POST form to url using AJAX event.preventDefault(); $.ajax({ type: $(this).attr("method"), url: $(this).attr("action"), // Serialize form data data: $(this).serialize(), success: function (response) { // Update form with errors after unsuccessful POST request // Django form.is_valid() = False if ($(response).find(errorClass).length > 0) { $(modalID).find(modalContent).html(response); $(modalForm).attr("action", formURL); ajaxSubmit(modalID, modalContent, modalForm, formURL, successURL, errorClass); } // Hide modal after successful POST request when & redirect to successURL else { $(modalID).modal("hide"); window.location.href = successURL; } } }); }); }; $.fn.modalForm = function (options) { // Default settings var defaults = { modalID: "#modal", modalContent: ".modal-content", modalForm: ".modal-content form", formURL: null, successURL: "/", errorClass: ".invalid" }; // Extend default settings with provided options var settings = $.extend(defaults, options); return this.each(function () { $(this).click(function (event) { newForm(settings.modalID, settings.modalContent, settings.modalForm, settings.formURL, settings.successURL, settings.errorClass); event.preventDefault(); }); }); }; }(jQuery));

Here’s the thing, if I remove the class=”m-datatable” from “table …> the actions list icons inside the table work just fine. I suppose that the js file : <script src=”../../../assets/demo/default/custom/crud/metronic-datatable/base/html-table.js” type=”text/javascript”></script>

conflict with my Javascript code responsible for firing-up Bootstrap Modal that I gave you above. I think it is ajQuery conflict. But I did use it and it works fine in a separate jQuery Project. Wich I suspect a Metronic custom javascript function, not a jQuery related stuff.

I was pulling my hair out for almost 21 days now, I did enen start from scratch cutting and setting Metronic tempaltes, until I found out that It came from Metronic cumized jQuery.

This is qualified as a final stage project, If I will not find a solution or a fix about this, I may drop Metronic … thing that would be the last in the planet. Pleassssssssssse Help

If it’s too tech, I may go to post in Metronic Forum.

Let me know.

Thank you keenthemes.

Hi,

Can you check your browser console log? If there is any javascript error?

Are you using Type and Actions column?

Thanks

Hi, is that the correct way of doing what you told me to to, to place my init modal after the table render completley, is my javascript above is correct ????

No Console javascript Error;

Yes I’m using Actions column “Your own Javascript list actions” added one button to show modal, you can take a look at the last script above. here’s the button snippet : \ <button type="button" class="update-vehicule btn btn-sm btn-primary" data-id="/vehicule/update/5" >\ <i class="la la-edit" />\ </button>\

but it doesn’t want to fire Modal, it is like you didn’t click on nothing.

Please help.

.Hi,

Sorry for the late response.

https://themeforest.net/comments/20224293

Refering to your latest comment. Please check my latest comment for the how to initialize bootstrap modal.

Thanks

Finally RTL :) Thank you !

Your welcome :)

All the best for your projects

Thanks

How to fix the SweetAlert2 Bug? if the content page is smaller than the screen, there is an error with the footer Example from Demo: http://fs1.directupload.net/images/180818/ji7gra85.png . When the sweetalert2 message is open, the footer slides up to the portlet end

Ok i found a problem in vendors.bundle.css>

body.swal2-height-auto { height: auto !important; }

This dont work for small content

Hi :),

We are releasing a new update in a few hours and this issue will be fixed. Actually this is a feature that can be disabled globally.

Thanks.

Hi keenthemes,

I restart from scratch due to an incompatibility of an third party in jQuery, and I decided to pick the latest 5.5.3 but I found that the index.html of demo3 even default html was not indented, it was a mess inside the index.html, not like the ones before like 5.2 or … well indented, it is not possible to cut that file into header, a-side menu, footer, top menu, I don’t wanna re-arrange the indentation; do you guys have an index.html which is well indented if not, could the next update will have one ??? or try to fix this … ??

Thank you ?

Hi,

We will check the indentation and fix it.

Thanks

Hope is gonna be in the next update, I’m on hold.

thank you

We are working on it and this fix will be included in the next updates.

Thanks

Hi keenthemes,

You said you will fix the arrow icon fro the RTL support in the next update, but since then 3 updates have been .. and no fix at all

I know that you are pulling you hair out for the major bugs and fxes big things, but this is not gonna take you 5 min.

that arrow has to be inverted .

Hope it is gonna be added in the next update.

Thank you

Hi,

Yes, we will add this in the next update. Stay tuned!

Thanks.

Good if I buy the design includes the current version that is 5 and version 4 or are the sale separately?

Hello,

Metronic still comes with both 5.x and 4.x versions. You don’t need to purchase it separately.

Please feel free to ask if we can assist you further.

Thank you.

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