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,107 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.

http://keenthemes.com/metronic/preview/?page=components/forms/widgets/summernote&demo=default -> click open “Launch modal examples” -> click Picture -> click close Modal Picture -> 2 modal will closed (I only want close Modal Picture). Can you fix it?

BTW: When will you update “Language Selector” for Metronic v5?

Hi :),

Sorry for the late reply.

1) Seems the nested modal close issue is an original bug of the summernote plugin. We will check it further and try to find a workaround until official fix will be available.

2) Regarding the language selector, we would suggest you to put it under the user profile/account. The language selector is in the most cases is not often used and its better to move it under the user settings to avoid using the space in the toolbar. If we will get more request for this feature then we can consider implementing it.

Thanks.

Hello,

1) Just add this code to config it will work. But issue with css.

dialogsInBody: true
2) Can you give me a code? I don’t know how to add a dropdown list with images like Metronic v4 :(

Hi,

1) Noted. we will try it.

2) You can reuse for example the user profile dropdown menu and to put the language links. Sorry but we do not provide full code for customization requests. Our support only shows directions but does not cover such customization requests since customization are responsibility of buyers.

Thanks.

When is the Christmas special expiring

Hi,

It expires very soon.

Thank you.

Hello, more problems in live preview : sweetalerts, accordions…

Hi,

Please clear your browser cache whenever a new version is released. Please retry it.

Thanks.

It’s better ! Thanks ! :-)

You are welcome :)

Hi, I just wanted to say, I’ve used Metronic for a couple years now, but only just started using the latest version – and I want to say thank you for making the front-end build process so simple. Also, I didn’t realise the new layouts until after downloading the latest version – “demo 2” is exactly what I’ve been looking for, and with the new build process I was able to get a working example working (with my file different structure) within a few minutes. Amazing work :)

Hi :),

Many thanks for your comment. We are really glad to hear that you liked the new update. In the new year we will be releasing even more new demos and features. Stay tuned!

Thanks.

can I get the psd files? so I can sketch first before programming?

Noted. We will reply you shortly.

thank you. really appreciate your help

You are welcome :)

Where is the new mWizard (form wizard) plugin located in the demos, as I cannot seem to find it? I can see the 4 example forms which are built by the mWizard, but no actual plugin.

Hi :),

The theme features can be viewed in the default demo and you can check the form wizard demos here:

http://keenthemes.com/metronic/preview/?page=components/forms/wizard/wizard-1&demo=default

Please do not forget to clear your browser cache after each release.

Thanks.

var datatable = $(’.m_datatable’).mDatatable({ data: { type: ‘remote’, source: { read: { method: ‘POST’, url: ’/Api/Unit/HandleDatatable’, map: function (raw) { var dataSet = raw; console.log(dataSet); if (typeof raw.data !== ‘undefined’) { dataSet = raw.data; } return dataSet; }, }, },

I see demo ajax database you write this ,how to POST api url with id

Hi,

Your datatable init class name is .m_datatable or .m-datatable? Can you verify it?

These both method should work to reload the datatable:
$('.m_datatable').mDatatable().reload();
$('.m_datatable').mDatatable('reload');

Thanks

I have a problem with the js. unreachable code after return statement – scripts.bundle.js:4717:16

Hi,

Can you provide more info ? Which version of Metronic and what demo are you using ? Did you edit any JS code or are you getting this with the original theme scripts after the build ?

Thanks.

Hi,

May I know what browser are you using ? Can you please providing Please try to clear your browser cache. We double checked it and we could not encounter any such error. Could you please retry it ?

Thanks.

Hello

I’m unable to trigger datatable API reload function, via JQuery

$('.m-datatable').mDatatable().reload() Uncaught TypeError: Cannot read property 'reload' of undefined at <anonymous>:1:31

However it works when I do use the following:

$('.m-datatable').find('table').mDatatable().reload())

But it leaves tones of errors in chrome console

app.js?hash=6930576ba1149082a12d2e1ff5db0d3b1a448edf:31579 Uncaught TypeError: this.each is not a function at HTMLDocument.wrap (app.js?hash=6930576ba1149082a12d2e1ff5db0d3b1a448edf:31579) at mightThrow (app.js?hash=6930576ba1149082a12d2e1ff5db0d3b1a448edf:25761) at process (app.js?hash=6930576ba1149082a12d2e1ff5db0d3b1a448edf:25829)

Any idea on how I can fix that?

Hi,

Please use the latest v5.0.6.1 version to use following new API methods. The following methods should work to reload the datatable:

$('#my_datatable').mDatatable().reload();
$('#my_datatable').mDatatable('reload');

Please assign ID attribute to your datatable container.

Thanks

unfortunately after upgrade this API call doesn’t work.

I have tried this with Default demo (html-table.html)

$('.m-datatable').mDatatable().reload();
(unknown) Uncaught Error: mDatatable not initialized
    at Function.error (vendors.bundle.js:273)
    at jQuery.fn.init.$.fn.mDatatable (scripts.bundle.js:4166)
    at <anonymous>:1:19
error @ vendors.bundle.js:273
$.fn.mDatatable @ scripts.bundle.js:4166
(anonymous) @ VM1198:1

Your soon reply is highly appreciated.

Hi,

This error happens specifically on HTML table. We will fix it soon. At the moment, can you try this workaround?

$('.m-datatable').children().mDatatable().reload();

Thanks.

Hey there. Noticed that in the first demo, Default Version, Layout Builder under Left Aside Settings, when both Allow Aside Minimizing and Allow Aside Hiding are marked true, only the hiding works. There is no button for minimizing. Is this as designed or should there be an additional button to minimize? Thanks.

Hi,

Yes, it works as designed. You can have either the minimize toggle or hide toggle since both of them are similar features. If you need any further clarifications please let us know.

Thanks.

I using demo databases api metronic 5.0.6 load api to database but cant load image url . How can

Hi,

Can you try without width:100, remove the width option from Cover field column:

{
    field: ‘Cover’, 
    title: ‘Cover’
    template: function(obj)  {
       return '<img src="'+ obj.Cover +'" />';
    }
 }

Thanks.

same , crop :<

Please make sure you are sending the image value with “Cover” parameter for the column value in the response JSON to be able to access to to with “obj.Cover”.

I copy demo modal and insert “required” to input , but when submit , it cant check input null

Hi,

If you are using the validation plugin you should check its documentation here: https://jqueryvalidation.org/

Also you should refer to “src\js\demo\default\custom\components\forms\validation\form-controls.js” to check how our form validaiton demos are initialized: http://keenthemes.com/metronic/preview/?page=components/forms/validation/form-controls&demo=default

Thanks.

thank you

You are welcome :)

[Fixed]

Hello,

I switched to demo2. I was happy because everything was working, until I tried to use the messenger style in my Ticket view, the scroll doesn’t work (work only once) all issues are related with SPA. Metronic can’t handle SPAs.

I’m moving out of Metronic. Don’t work for me, and doesn’t match my requeriments (you should change the docs).

Hi,

Please note that Metronic is not compatible with Vue SPA out of the box. For example Metronic has Angualr SPA integration out of the theme and Angular developers can use it without any issue since we officially provided the Angular integration. But we do not have Vue SPA integration at the moment. We have plans to consider implementing the Vue integration but this will not be soon. But many developers are using Metronic 5 with Vue and I believe they have done some integration in order to get it working as expected.

Thanks.

how to i access the crud of the system ?

Hi :),

Sorry, we could not understand your question. Could you please rephrase it with more details ? Are you working referring to v5 and its mDatatables custom plugin ? Did you check the mDatatable documentation: http://keenthemes.com/metronic/documentation.html ?

Thanks.

Hi, Can we see the RTL version of metronic 5 in the next update ?

Hi,

Thanks for your feedback. But we do not give any ETA for upcoming features. But we will do our best to release it earlier.

Thanks.

Installed metronic on MAMP with plugins but layout builder not visible. Any ideas?

Hi,

The layout builder is not available online for verified buyers. You can enter your purchase code and download the export for the latest version(go to a demo preview and click the wrench icon in the right center of the page): http://keenthemes.com/metronic/preview/?page=builder&demo=default

Thanks.

it is or its not? I think you mean its available online for verified buyers and not for download.

Yes, in your downloaded version its not available anymore. You can use the online version with your purchase code.

I downloaded the latest version and tried to build without any changes (gulp—prod). What is happening is the bundled styles file is 0 bytes (metronic_v5.0.6\theme\default\dist\default\assets\demo\default\base\style.bundle.css) for all demos. Any idea what may be wrong? I haven’t had this issue before the update. I’m on Windows 10 with all dependencies installed.

Hi :),

We just released a hot fix for this and some other minor issues in v5.0.6.1 update. You can download it now.

Thanks.

kxc Purchased

Please, more demos with simple, classic left menu. :)

Hi :),

Sure, we will release such demos soon. You can check out some of the pending demos here: keenthemes.com/metronic

Thanks.

Hello, I want to know how to install a custom font in the version 5 of angular, I have my fonts in the directory “src / media / app / fonts /”, but I can´t do that when compiling the sass file, the bundle.style.css file point to the correct address of the font. The src of the font-face of the style.bundle.css file has exactly the same path as the scss file.

What is the correct path where to put my fonts? How should I call this path in my scss?

Thanks.

Hi,

You should load your custom code as a 3rd party resources before all css files. No need to include them into the bundle. By default Metronic loads google fonts in a separate css include. You can do the same for your custom font. I suppose you have your custom font’s css files that includes required font files. Once you included your font you will need to change font familiy in the SASS files. Please refer to the below config in src\sass\framework\_config.scss>

//== Font families
$m--font-families: (
    regular: 'Poppins',  
    heading: 'Roboto'
)!default;

Thanks.

Thanks for the theme update, I just have noticed few bugs with Datatable types and demo3. I’m not sure about other themes, for example, Datatables – Child Datatables – Local Data won’t work on demo3 . I get an error in console, Cannot read property ‘getPageSize’ of undefined! The only way I managed to get it to work is using vendors.bundle.js & scripts.bundle.js from the default theme and not demo3. Can you please look into this as soon as possible and possibly check other types as well? so far I know Static Datatable & Child Datatables won’t work

Hi :),

Thanks for your feedback. We will check this issue and release a hot fix in the next update v5.0.6.1 shortly.

Thanks.

Thank you, I just figured out that all I need to do is to copy scripts.bundle.js from the default theme and replace it with the one on demo3 and it solved the problem. I will leave it to you guys to check. Thanks again for your fast response.

Glad to hear that. All the best :)

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