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.

Hi,

I have noticed that parallax effect on One Page Template doesnt work on iPad or iPhone. Is there a way to fix it?

Thanks and congrats on a great theme!

Hi :),

The parallax effect is not supported in touch devices so its disable for mobile devices. If you need any further assistance please let us know.

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

Thanks.

In sign up form when not same password it show “Please enter the same value again.”. Where do I edit message in another languages. Thanks

Thanks. I can do it. I changed message in equalTo.

Great! Glad you managed to solve. If you need any further assistance please let us know.

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

Not going to lie, kind of liked the layout of the assets folder better in version 2.0, but to each his own.

What I can say is this theme is absolutely amazing. I really can’t say enough about the quality of work, handling/planning for ease of updates, the number and frequency of updates and most importantly…how beautiful the theme is.

I’ll be sure to always look at your profile to see if you have any new themes when i’m in the market.

Hi :),

Thanks for your honest feedback.

At the moment rather releasing a new admin theme we want to extend Metronic with unlimited uniquely designed layout options(e.g: multi design support). So since v3.0 we changed the assets structure for multi theme support withing single framework. In a few days we will release a new uniquely designed layout option. It will support Metronic’s all current features and standards while giving a new look & feel for your next project.

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

Thanks.

Hey Team, this is a very very good job,, am interesting in one idea,,,

have you think add theme with angularjs template support?

that would be amazing Regards,

Hi :),

Thanks for your feedback.

Yes, It’s in the roadmap already. We will release full angular JS support very soon.

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

Thanks.

Hi!

Could you please help me with Multiple File Upload (jQuery-File-Upload). I did implementation of it with MySQL. Works fine. But I need to retrieve files based on specified parameter, e.g. glary name (which is stored in DB). Your implementation retrieve all files which are in user directory. How do I pass parameter to backend and then get back only selected files in directory for e.g. adding more/ deleting pictures to/from the same gallery.

Thanks!

Hi :),

The multiple file upload plugin is an open source plugin from http://blueimp.github.io/jQuery-File-Upload/. To filter the result you will need to pass your parameter in below code via( ’?my_param=some_value’):

 // Load & display existing files:
            $('#fileupload').addClass('fileupload-processing');
            $.ajax({
                // Uncomment the following to send cross-domain cookies:
                //xhrFields: {withCredentials: true},
                url: $('#fileupload').attr("action") + '?my_param=some_value',
                dataType: 'json',
                context: $('#fileupload')[0]
            }).always(function () {
                $(this).removeClass('fileupload-processing');
            }).done(function (result) {
                $(this).fileupload('option', 'done')
                .call(this, $.Event('done'), {result: result});
            });

Also you will need to modify the backend code in assets/global/plugins/jquery-file-upload/server/php/UploadHandler.php you will need to customize the part where file listing is generated.

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

Thanks.

Hi,

i have a working ajax datatable getting results from server-side

but when i click submit button on filter row i could not find where the parameters are going because it is not filtering my results.

my table-ajax file

dataTable: { // here you can define a typical datatable settings from http://datatables.net/usage/options 
    "lengthMenu": [
}
[10, 20, 50, 100, 150, "All"] // change per page values here
],
"pageLength": 10, // default record count per page
"ajax": {
    "url": "demo/server_processing.php", // ajax source
      "type": "GET", // request type
      "columns": [
                    { "data": "id" },
                    { "data": "stokkodu" },
                    { "data": "stokadi" },
                    { "data": "birim" },
                    { "data": "barkod" },
                    { "data": "stokgrupid" },
                    { "data": "alisfiyati" },
                    { "data": "satisfiyati1" }
                ]
},
"order": [
    [1, "asc"]
] // set first column as a default sort by asc

i get message when i click submit button for test (name:value)

submitFilter: function () {
    the.setAjaxParam("action", tableOptions.filterApplyAction);
// get all typeable inputs
$('textarea.form-filter, select.form-filter, input.form-filter:not([type="radio"],[type="checkbox"])', table).each(function () {
    the.setAjaxParam($(this).attr("name"), $(this).val());
    if ($(this).val()!='')
    {
                        alert ($(this).attr("name")':'$(this).val());
}
});

but i dont know if i have to write something more to send parameters to server-side

thank you.

Hi :),

Sorry for the late reply. We will it be possible to check your developing site somewhere online ? We will need to debug your entire page in order to advise you further. You can send any further details to our support at support@keenthemes.com

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

Thanks.

Hi,

I followed your instructions (posted in the comments) to reduce the page content when opening the quick sidebar (as opposed to being overlapped).

.page-content-wrapper { padding-right: 265px; }

This works nicely when the quick sidebar is open. But I would like the .page-content-wrapper right padding to return to default when the quick sidebar is closed.

Thank you for your help.

Hi,

I think I found a solution, but I would appreciate your feedback.

I added the class ‘page-quick-sidebar-over-content’ to the body and the following css rule to the custom.css file:
.page-quick-sidebar-over-content.page-quick-sidebar-open .page-content-wrapper {
padding-right: 265px;
transition: padding-right 0.3s;
}

Am I missing something?

Hi :),

The code looks good. But i would suggest you to test it further. We may add this in a future release.

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

Thanks.

Thank you, will let you know if I find any issue.

Hi,

Thank you for this fantastic theme!

I followed your instructions (posted in the comments) to change the width of the sidebar (left).

Could you please give us the instructions to modify the width of the quick sidebar (right)?

Thank you very much

Hi :),

To modify the quick sidebar’s width you can use below code in custom.css:

/*
Change Quick Sidebar Width
*/
.page-quick-sidebar-wrapper {
  right: -370px;
  width: 370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
  margin-left: -370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content .page-footer {
  margin-right: 370px;
  margin-left: -370px;
}

.page-sidebar-reversed.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
  margin-right: 370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content.page-quick-sidebar-full-height .page-header {
  margin-left: -370px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list {
  width: 370px !important;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item {
  width: 370px !important;
  margin-left: 370px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list {
  margin-left: -370px;
}

If you need any further clarifications please let us know.

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

Thanks.

Thank you very much :)

You are welcome :)

Saw a previous comment mentioning I can disable the popups by commenting out Tasks.initDashboardWidget(); – But I’d like to know where those popups are coming from? How can I change what they say? I tried searching the files for “initDashboardWidget”, but couldn’t find a function or anything that runs it. ?? The ‘popups’ I’m referring to are the ones that say, “Develop with Metronic!” & “Get Metronic Just For 25$” – Thanks.

Hi :),

Please go to assets/admin/pages/scripts/index.js and refer to “initIntro” function. The popup messages are defined there.

To on/off the popup notifications on page load you should refer to

Index.initIntroI() code in the bottom of index.html page.

If you need any further assistance please let us know.

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

Thanks.

Hi. I believe the fileinput plugin version you are using (3.0.0-p7) has a problem, demonstrated in this stackoverflow.

Can you check – perhaps you should consider upgrading the plugin version!

Hi :),

Sure, thanks for the suggestion. We will definetely consider that. We are planning global update for all 70+ plugins so we will include it as well.

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

Thanks.

Hi, When clicking on the submit button in a form, the form is not POSTed but a GET request with form data in the query parameters. Is the submit intercepted by your javascript? How can I POST back the form? (using .NET MVC).

Please disregard, this is solved.

Great! Good luck with your project!

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

inside a Bootstrap modal I have an accordion with 5 items, when I launch the modal, the first item is open by default, the other four are collapsed. How can I link from an external link so the modal opens displaying the fourth accordion item also open (not the first)

Thank you in advance for any pointers you can provide

Tonyxt1

Hi :),

You can define any accordion default open in the html code. Just apply the active class to the fourth according following the component’s doc: http://getbootstrap.com/javascript/#accordion

If you need any further assistance please let us know.

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

Thanks.

Hi :)

How can I change login page theme style?

Hi :),

To change any style you will need to override existing styles in custom.css file. If you need any further assistance please provide us more details(which element you want to change, etc).

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

Thanks.

Hi Folks. Awesome product. I am interested to make a purchase but have few questions: (1) Is this template suitable or has a feature which enables both the admin and the end user to monitor their transactions? e.g deposits – withdrawals – charges – VAT etc. So, to be more clear, Is it possible to allow an end user to only see his/her transactions made on his/her account i.e. deposits and withdrawals with a company? (2) Is it possible to issue invoice to end users through the admin dashboard? (3) Is the installation of this template is fully documented and clear instructions provided? (4) Is it possible to issue emails to users from the admin dashboard?

Hi :),

Thanks for the feedback.

Metronic is an HTML theme but it is not fully functional system or aplication. Metronic provides you just html templates without actual functionality. The actual functionality implementation is responsibility of buyers. Basically web applications 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.

Thanks.

Hi There. Thanks for your prompt reply. Much appreciated.

Hi, I am trying to use the horizontal & sidebar combination layout, which turns very ugly on smaller screens.

The horizontal menu contains two classic dropdowns which should stay visible in all screen sizes. (The hidden classes were removed to make this possible).

When the nav bar gets too crowded it overflows to the next lline, but it does so in a lighter gray color, not the nav bar black color. Also the login dropdown goes into a new line which looks bad because the background color is not the same.

Also the positioning of the first dropdown is off, it shifts down and to the left.

How can we solve this crucial issue with the responsiveness of the nav bar?

Thank you.

Hi :),

Thanks for your feedback.

Can you please send a link to your developing page or some screenshots where we can see the issue clearly ? You can send any further details regarding this issue to our support at support@keenthemes.com

Thanks.

link and login info sent by mail

Thanks. We will check it and reply you shortly.

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

Interface got problem when use the navbar inside the tab, any idea?

Hi,

Please note that navbar and tabs are not compatible. You can’t include .nav-tabs inside a .navbar. For more info please check this related discussion: http://stackoverflow.com/questions/12295291/twitter-bootstrap-navbar-with-tabs-dont-work

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

Thanks.

Great work on the best template ever! It keeps getting better and better.

I have been looking at the OnePage and would like to get a redesign by a graphic artist, but i cant find the psd anywhere. Is it something you can upload?

Hi :),

Many thanks for the comment.

At the moment the PSD for the one page theme is not available for distribution. We will try to attend to it and include in a future releases.

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

Thanks.

Hi

Thanks for the new update.

Is Metronic Support Ajaxify Plugin ?

Hi :),

At the moment this plugin is not supported. However we will definitely consider it in a future release.

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

Thanks.

Hi,

Form Wizard Bug

need help !!! possible fix location : .bootstrapWizard > onTabClick

Form Wizard skips a step and event submit form without getting fields filled in that skipped step. Critical error

To create above situation follow these steps.
  • open form at templates/admin/form_wizard.html
  • Complete First step: account setup
  • Press Continue, now your are on step-2
  • don’t do anything on step-2, click Back
  • now your are back to step-1, Now click on confirm from tab link, which is last step
  • you will see you ended up at last step, without filling 2 necessary steps and you can even submit form here as well

Hi :),

Thanks for the info. We checked it and it seems the tab click handler needs more validation. In the main time you can just disable the tab click:

onTabClick: function (tab, navigation, index, clickedIndex) {
     return false; // disable tab click
}

We will check it further and enhance the validation in a future release.

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

Thanks.

Just for the help, One can add ignore:[] , in validation but this doesnot help in tab concept.

We will check it further and try to enhance it in a future release. Thanks!

Hi guys, awesome work. You plan on adding closable tabs sometime soon? Very good work, may I say again. Salute

Hi :),

Thanks for your suggestion. We will definitely consider it in a future release.

To stay updated on Metronic’s new releases 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