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

In the sass files for the main left menu, I’m attempting to update to a different set of colors. I noted the default “Dark” and “Light” sections in the file. I attempted to copy and paste the “Dark” section and renamed it “Custom”. In the index.html page, I changed all instances of “-dark” to “-custom”. Appears to be working, but some elements are still using “dark”. Is this the proper way to define my own custom color scheme?

Hi :),

For the entire menu you can customize the color per skin. For your custom skin you will need to customize the submenu’s elements as well. For example the sidebar menu itself can be light or dark skin where the submenu can be light or dark as well.

To get further support you will need to renew your support subscription as its expired now. For further check please go to Metronic purchase page http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes

For more info please check: https://help.market.envato.com/hc/en-us/articles/208191263-What-is-Item-Support- or http://themeforest.net/page/item_support_policy

Thanks.

Hi,

what does “data-portlet=true” mean? it can be used for what? is it used for load ajax content to portlet?

thanks

Hi :),

Its used to lazy initialization of the portlet tools. If you use this attribute you will not need to explicitly initialize portlet tools in JS. You can check how this is handled in the global app.js: ”\src\js\framework\base\app.js” check “initPortlets” function.

Thanks.

Hi,

In your demo http://keenthemes.com/metronic/preview/?page=components/forms/validation/form-widgets&demo=default

please type anything in the summernote, then click somewhere else.

it will create error : vendors.bundle.js:58890 Uncaught TypeError: Cannot read property ‘replace’ of undefined at $.validator.escapeCssMeta (vendors.bundle.js:58890) at $.validator.errorsFor (vendors.bundle.js:58871) at $.validator.prepareElement (vendors.bundle.js:58549) at $.validator.element (vendors.bundle.js:58332) at $.validator.onfocusout (vendors.bundle.js:58158) at HTMLDivElement.delegate (vendors.bundle.js:58281) at HTMLFormElement.dispatch (vendors.bundle.js:5206) at HTMLFormElement.elemData.handle (vendors.bundle.js:5014) at Object.trigger (vendors.bundle.js:8201) at Object.simulate (vendors.bundle.js:8260) escapeCssMeta @ vendors.bundle.js:58890 errorsFor @ vendors.bundle.js:58871 prepareElement @ vendors.bundle.js:58549 element @ vendors.bundle.js:58332 onfocusout @ vendors.bundle.js:58158 delegate @ vendors.bundle.js:58281 dispatch @ vendors.bundle.js:5206 elemData.handle @ vendors.bundle.js:5014 trigger @ vendors.bundle.js:8201 simulate @ vendors.bundle.js:8260 handler @ vendors.bundle.js:8319

Thanks

Hi :),

Thanks for the feedback. Good spot. We will check it further and provide the fix in the next update very soon.

Thanks.

So I have this problem, I’ve edited your ‘data-ajax.js’ for I wanted to use my database to display some info for child datatables.

I’ve edited this:

http://oi67.tinypic.com/11gj5ep.jpg

where I’ve changed the URL and even the fieldNames. The previous url was yours and returned this

http://oi64.tinypic.com/200b2td.jpg

mine is a laravel route::get/post/any (DataBase::all() -> already Json) (none works) that returns this

http://oi68.tinypic.com/2dl23wx.jpg

Why I’m always getting error 405 or 419 http response or even when I don’t get any error nothing is displayed! :s Thanks and please help x)

Hi,

Yes, you should follow the working examples of the ajax datatables demos and make sure you pass all required parameters. However our support does not cover server side issues, for examples your 500 error issues. If your server side script can generate responsive according to the datatable requirements it will work as expected.

Thanks.

OK THEN HELP ME understanding your ‘working examples of the ajax datatables demos’. Because first, how and why you code your .json file like that, and how and why you reference url: ‘inc/api/datatables/demos/orders.php’?

Hi,

You can run the one of the ajax datatable demos on Chrome and check the chromo’s dev tools to see the returned json responsive. Thus you can understand the ajax response structure of the datatable plugin. We will put more detailed info for the datatable ajax response structure and you can check it from the online documentation shortly shortly. We are preparing it now. Stay tuned!

Thanks.

How can change a column size in html datatable?

Hi :),

In the datatable initialization you can set fixed width for a column as shown below:

columns: [{
    field: "RecordID",
    title: "#",
    sortable: false, // disable sort for this column
    width: 40
}

For more info please check: “src\js\demo\default\custom\components\datatables\base\column-width.js”

Thanks.

Please get the new theme in “Dark Mode” colors. More color options. and “Timeline” is like your old man again. Thanks.

Hi :),

Thanks for the suggestion. We will consider it.

Hi :),

Just in case if you haven’t seen it yet, we are delighted to inform you that Metronic finally has its complete dark mode version. You can check the dark mode preview here https://preview.keenthemes.com/metronic8/demo1/dark/index.html

Regards, Sean

Hello, I understand metronic v5 is build with Bootstrap 4 but I don’t find offset classes. for exemple: col-xl-6 offset-xl-6

Thanks

Hi :),

You can use this classes in grid layouts. All Bootstrap 4 features are supporter and you can use them following the bootstrap 4’s official documentation. If you need any further clarifications please let us know.

Thanks.

Hi,

I would like to well understand Metronic 5. Because unlink Metronic 4, we have to begin from one on the demo (example “Modern Dashboard”) and add the different pages, components, forms, etc… from “Backend System” default version ?

I ask the question because i don’t find all components of metronic on all Demos (only on Default Backend system)

It is the right way to do ?

Thanks, Alex

Hi :),

Thanks for your feedback.

Yes, you are doing it right. Metronic 5 is a completely new theme and you will need to reintegrate it from scratch. The default demo contains all the features that are global and can be used in any demo. If you need any further clarifications please let us know.

Thanks.

Ok thanks.

For a new project, you adivice to use M5 vs M4?

Hi :),

Please go with M5. We will be dropping M4 support in the near future. If you need any further clarifications please let us know.

Thanks.

Hello I cannot find the Form Wizard in metronic 5. where is it??

Hi :),

Thanks for your feedback. It will be released it the next update soon. Stay tuned.

Hello, We use metronic 5.0.5 angular version and we use ajax datatable.js. How to use angular pipes in datatables ?

Thanks.

Hi,

Unfortunately you cannot use Angular pipe for the datatable. The datatable’s HTML template is not a static and it is rendered dynamically.

Thanks

Wanna buy one, but I have question, do you provide latest version of psd?

Hi :),

Thanks for your interest in Metronoc. The available PSD files can be provided upon request. You can contact our support for any further info: support@keenthemes.com

Thanks.

I can’t seem to find the PSD Files in the download? I read on the comments that these are not available for some versions. Can I get a refund if this is the case pls?

Hi,

Yes, PSD files are not included as part of the item. But if you like we can share you our internal PSD files of the demos. Please email our support at support@keenthemes.com.

Thanks.

HI,

Awesome work :) i need help to find HTML of dashboard date selection which appear on right side top. i basically need that drop to work which right now do nothing.

Thanks

Hi :),

The HTML code of the dashboard datepicker can be found by referring to its ID=”m_dashboard_daterangepicker”. The JS code that initializes it can be found in “src\js\app\custom\dashboard.js”. I would suggest you to create your own custom js script under “src\js\app\custom\” folder and copy over the code from dashboard.js and remove unused code. In your HTML include your custom.js and remove dashboard.js. The plugin’s documentation is here: http://www.daterangepicker.com/

Thanks.

Helllo, We use Metronic 5.0.5 angular 4 version. How can we add “ecommerce-product-display” or “Product box design” to our project ? We couldn’t find something like this display : http://nicesnippets.com/snippet/product-box-design-with-four-grid-view-using-bootstrap%20 . How can we do this with metronic ?

Hi,

At the moment we do not have similar feature in our demos. Basically to implement it you will need to code it as per your requirements. However our support does not cover such custom development questions. But if you have any spesific question related to theme features you can ask and we will point you out. I hope for your understanding.

Thanks.

is there any time line for Trendy Dashboard 2 update

Hi :),

We are working on this demo and it should be out soon. At the moment its a little bit early to announce the ETA.

Thanks.

Hi,

i do not know what is wrong with my code. i just use summernote from the example, but when i click insert picture or help button, all of my page is blocked.

could you please refer to http://andayu.jssit.com/trans/jobsample/2beaa54c-c2b0-11e7-920e-9c5c8edabe33/edit or http://andayu.jssit.com/home

with user spv@andayu.com and pass 123456

Thanks

Hi, i found that when i use “animated” in the
 div class="m-grid m-grid--hor m-grid--root m-page m--hide animated" 
the summernote insert picture will block my all page.

But when i remove the “animated” it will run normally.

any idea why that happen?

Thanks

Hi,

Can you please provide steps to reproduce the issue ? Please email us at support@keenthemes.com for further conversation.

Thanks.

Hi there.

I’ve a datatable with only 3 columns ( ) can you tell me how can I center the datatable?

Kind regards.

Hi :),

Just a friendly reminder: Seems your support subscription is expired and if you wish to get any further theme support you will need to renew your support subscription. For further check please go to Metronic purchase page http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes

For more info please check: https://help.market.envato.com/hc/en-us/articles/208191263-What-is-Item-Support- or http://themeforest.net/page/item_support_policy

Thanks

Hello i bougth your template, and when i try to publish my app, and execute ng build i received this error: FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed – JavaScript heap out of memory

Could you help me?

Hi,

Our support is provided only to verified buyers. Since you we can’t see your purchased badge here can you please email our support at support@keenthemes and provide your purchase key ?

PS: You can find the instruction to fix the above issue in the theme documentation.

Thanks.

Hi there.

I’m trying to add elements to a select2 via ajax, but every time I try it this doesn’t work. $(’#m_products_crud’).on(‘shown.bs.modal’, function () { // basic $(’#m_select_prodsubcat’).select2({ ajax: { url: ”/secure/ajaxproducts/getsubcat”, dataType: ‘json’, delay: 250, success: function (data) { console.log(data);

var toAppend = '';
                $('#m_select_prodsubcat').empty();
                for (var i in data) {
                    toAppend += '<option id="' + data[i].ProductSubCategoryID + '" value="' + data[i].ProductSubCategoryID + '">' + data[i].Description + '</option>';
                }
                console.log(toAppend);
                $('#m_select_prodsubcat').append(toAppend);
                $("#m_select_prodsubcat").trigger('change');
           }
         }
    });
});

And get this warning: jQuery.Deferred exception: Cannot read property ‘slice’ of undefined TypeError: Cannot read property ‘slice’ of undefined

Kind regards.

Hi there.

Did you have any example of deleting a row from your datatable? I’m doing a test where I delete a row and when I call the method datatable.reload(); the value remains on datatable (I’m loading the content via ajax). And I see on network tab of chrome, that the new data that cames with the reload call don’t have the element that I remove.

Do you know why this happen?

Kind regards.

Hi :),

Just a friendly reminder: Seems your support subscription is expired and if you wish to get any further theme support you will need to renew your support subscription. For further check please go to Metronic purchase page http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes

For more info please check: https://help.market.envato.com/hc/en-us/articles/208191263-What-is-Item-Support- or http://themeforest.net/page/item_support_policy

Thanks

is that theme got ng2-dragula drag and drop function? I need to develop a task board app

Hi :),

Thanks for your interest in Metronic.

Its not included in the default package but you can easily install this or any other plugin. If you need any further clarifications please let us know.

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