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

Hello, compliments the template is very functional. This is my problem, i want to apply the password confirm validation (login_soft.js) in the extra_profile.html (account/change password). Can you help me? Forgive my bad english, i’m italian. Thanks Paolo

Hi :),

You will need to use below form validation setup in the extra_profile.html:

             $('.register-form').validate({
                errorElement: 'span', //default input error message container
                errorClass: 'help-block', // default input error message class
                focusInvalid: false, // do not focus the last invalid input
                ignore: "",
                rules: {

                    fullname: {
                        required: true
                    },
                    email: {
                        required: true,
                        email: true
                    },
                    password: {
                        required: true
                    },
                    rpassword: {
                        equalTo: "#retype_password" 
                    }
                },

                messages: { // custom messages for radio buttons and checkboxes
                    rpassword: {
                        required: "Passwords do not match!" 
                    }
                },

                invalidHandler: function (event, validator) { //display error alert on form submit   

                },

                highlight: function (element) { // hightlight error inputs
                    $(element)
                        .closest('.form-group').addClass('has-error'); // set error class to the control group
                },

                success: function (label) {
                    label.closest('.form-group').removeClass('has-error');
                    label.remove();
                },

                errorPlacement: function (error, element) {
                    if (element.attr("name") == "tnc") { // insert checkbox errors after the container                  
                        error.insertAfter($('#register_tnc_error'));
                    } else if (element.closest('.input-icon').size() === 1) {
                        error.insertAfter(element.closest('.input-icon'));
                    } else {
                        error.insertAfter(element);
                    }
                },

                submitHandler: function (form) {
                    form.submit();
                }
            });

The above code requires the form validation plugin to be included in your page:

<script type="text/javascript" src="../../assets/global/plugins/jquery-validation/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="../../assets/global/plugins/jquery-validation/js/additional-methods.min.js"></script>

For more info you can check the jquery validation plugin’s official doc here:

http://jqueryvalidation.org/

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

Thanks.

Hello there,

is it possible to exactly recreate the Corporate Frontend once I purchase this? i.e. Does it come with all the html, css laid out, and all I have to do is upload it to a server, and it will display exactly like the theme example?

I assume it will be missing all the stock images etc. Would I be able to get hold of those? It’s just easier working backwards from a completed, stock website than one from scratch.

Looking to purchase! Thanks!

Hi :),

All the open source images and PSD files are provided for the frontend theme. Also you will get all the HTML templates that you seen in the preview demo site.

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’m having problems with fontawesome and simple line icos…. firefox cannot render well this plugins. I’ve tried the about:config thing but i have no results..

to deal with fontawesome refer the css to this route
 <link href="http://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">

but…. to simple line simply i cannot do it… please help me ):

Hi :),

In the latest firefox “security.fileuri.strict_origin_policy” by default set to “true”. Thats why firefox couldn’t found the file font icon files(e.g: fontawesome) since browser doesn’t support by default to go relatively upward, but the strange thing is, its only applied to the font files.

As a solution you have to change “security.fileuri.strict_origin_policy” to false in the about:config settings

Or you can deploy the theme into a webserver(localhost or remote server) and the icons will be displayed as expected.

For more info please refer below:

http://kb.mozillazine.org/Security.fileuri.strict_origin_policy

“Local documents have access to other local documents in the same directory and in subdirectories, but not directory listings. (Default) “

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

Thanks.

when using the wysihtml5 editor it displays 2 toolbars. one works, one does not. No files have been edited or deleted from original download. Please advise on how to correct.

Hi :),

Can you provide us more info ? Can we check it in your developing site somewhere online ? If you can send any further details to our support at support@keenthemes.com

Thanks.

The documents are not fully equiped I think. - What are all the posibilities of the wire icons - How to use the ‘table_editable’ fields (dont show up, how does it work).

And I think I will have a lot of more questions

Hi :),

If there is anything not covered in the doc you can ask here our support. table_editable.html refers to table-editable.js script where the editable datatable is initialized. The datatable itself based on datatables plugin from datatables.net

Thanks.

Hi, KeenThemes

I open the admin template by IE 8, found some display overlapped over the Home > Dashboard > Dashboard, looks like HomDashDashboard…..

I cannot paste a picture, can you try it? Thank you!

Aric

Hi :),

Thanks for your feedback. Did you encounter it in keenthemes.com/preview/metronic/templates/admin ? However we will check it further and if needed we will fix it in the next updated.

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

Thanks.

I am having a very weird problem with form. Here’s my html code.. <form class="form-horizontal form-bordered form-row-stripped" role="form"> <div class="form-body"> <div class="form-group"> <label class="control-label col-md-3">Project Name</label> <div class="col-md-9"> <div class="input-group"> <span class="input-group-addon"> <i class="fa fa-envelope" /> </span> <input type="text" class="form-control" placeholder="Project Name"> </div> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Email Address</label> <div class="col-md-9"> <div class="input-group"> <span class="input-group-addon"> <i class="fa fa-envelope" /> </span> <input type="text" class="form-control" placeholder="Email Address"> </div> </div> </div> </div> </form>

and this is what I get in the Browser,

For some reason the icon never aligns properly with the input field. I need to use the “form-horizontal form-bordered form-row-stripped”. Any suggestion?

Thank You

Hi :),

Can you provide us a link to your page ? We will need to debug it your working page in order to advise you further. Any further details you can send 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 KeenThemes,

Just wondering, why my x-editable form not showing. What I’m trying to do is where to generate the x-editable for multiple users in table format. When its generate, it will only shows first row x-editable form only. Below are the codes: <a href="#" id="title" data-type="select" data-pk="1" data-value="" data-source="/title" data-original-title="Select Title"></a>

On the code, data-pk=”1” is auto generate based on unique ID. I have do some sample where currently it generate into 2 rows with data-pk=”1” and data-pk=”2”. It supposedly will generate two x-editable but instead of two, only first rows showing that. Why?

Hi :),

Can you provide a link to your developing site ? We will need to inspect your 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.

Already reply for the link. Hope to hear from you soon. Thanks.

Noted. We will check it and reply you shortly. Thanks :)

Is it possible to change the font awesome icons to a larger size as described in their documentation?

I’ve tried to make the icons larger in my top right header but it doesn’t change the size. Can color of the icon be changed?

Example: <i class="fa fa-clock-o fa-2x" />

Thanks for the help.

Hi :),

The icons in the top notification bar are fixed and optimized for current header height. To increase their sizes you will need to override them in custom.css:

page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
    font-size: 17px;
}

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 want to add language chooser images at the top bar of the corporate frontend template.

Hi :),

Thanks for your feedback.

This feature is not available at the moment. We will consider implementing in a future releases.

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

Thanks.

Hello,

Please respond my email.

Thank you.

Hi :),

Noted. we will reply to your email shortly.

Thanks.

Hello!

I need an ability to select one of already downloaded files from the server (a kind of file manager form element). Wanted to know if Metronic has any plans to add such feature(plugin) in the nearest future?

Thanks.

Hi :),

Yes, its in our roadmap. We are considering ckfinder if the license allows us to bundle it with Metronic package.

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

Thanks.

We are thinking about using the parallax theme for our frontend website and would like to use the images as well (with the pc’s with printscreens ont hem). Could we get the psd files, that would make it a little easier to work with?

Hi :),

Yes, we can provide those PSD files. Please email our support at support@keenthemes.com.

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

Thanks.

Hello,

In this page: http://www.keenthemes.com/preview/metronic/templates/frontend/page-reg-page.html, is it possible to make fixed left menu, while scroll (header is already fixed).

Thanks

Hi :),

Thanks for your feedback. At the moment this feature is not possible. But we will consider implementing it in a future release.

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

Thanks.

Hey,

Thanks for a great template!

Just one thing, I am using the class “form-fit” for my forms within a portlet body, but I do have tabs within the portlet which contains the form.

If I use the standard “nav-tabs” then the first active tab makes a double border on the left because of the form-fit class being applied. Is there anyway to remove the left border of the “li > a” element when that first tab is active when form-fit is being applied?

I hope I’m not being to cryptic!

(I have temporarily got around it by using the “tabbable-line” wrapper but I would prefer the tabs with the borders if I could)

Regards, Donovan

Hi :),

You can try to override it in custom.css according to your structure. Also you can try to use borderless tab from http://www.keenthemes.com/preview/metronic/templates/admin/extra_profile.html.

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 am wondering if this site has purchased your theme legally? The site name is [removed] BSNL is a major isp having a monopoly in India. If they have used it illegally you can sue them for a million bucks. I will be happy to see that you achieved. Thanks

Hi :),

Thanks for your feedback. We checked the URL and it seems not accessible. We will check it once again.

Again, thanks for your concern.

Also wanted to know if Metronic has any plans to add following features anytime soon?

1. Infographic templates

2. Industry-specific icons like IT, Security, Health, Banking…

Hi :),

We will check them further and definitely consider adding them in a future releases.

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

Thanks.

Hi,

Thanks for your help earlier. I need some help on the “loading” image.

Here is what i am trying to do. In case of a form submit or a data grid loading time, I want to show a “loading” image & ensure that the suer is not able to click anywhere else on the page.

In order to do that the Metronic.startPageLoading() & Metronic.blockUI() have been suggested. I gave the class ”.pageContainer” as a parameter in BlockUI.

The “loading” part shows ok, but I can still click & select any action behind this image. How do i ensure that user cannot click anywhere else?

I am sure you have answered this question many times but I am just not sure what to do in metronic theme?

Thanks

Never mind. Found it.

Great! Good luck with your project!

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

Hi There, In admin panel icons are missing, is there anything I am doing wrong?

Hi :),

In the latest firefox “security.fileuri.strict_origin_policy” by default set to “true”. Thats why firefox couldn’t found the file font icon files(e.g: fontawesome) since browser doesn’t support by default to go relatively upward, but the strange thing is, its only applied to the font files.

As a solution you have to change “security.fileuri.strict_origin_policy” to false in the about:config settings

Or you can deploy the theme into a webserver(localhost or remote server) and the icons will be displayed as expected.

For more info please refer below:

http://kb.mozillazine.org/Security.fileuri.strict_origin_policy

“Local documents have access to other local documents in the same directory and in subdirectories, but not directory listings. (Default) “

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

Thanks.

hi, php to asp ? please

Hi :)

The demo samples available in PHP only/ ASP or other versions are not available. But you can refer to PHP code and port it to ASP since the code is very basic.

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.

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