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,100 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 would like to have a table with the first column fixed. How can I do that?

Also, because my tables are large enough, I want to have a scroll at the bottom of the page and not the table because now I need to scroll down then scroll right and scroll top again! :/

Thanks

Hi :),

At the moment this feature is not implemented. If you have a large dataset you can consider using the ajax datatables as shown here: http://keenthemes.com/preview/metronic/theme/templates/admin/table_ajax.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.

Sir,

How to create Vertical Mega Menu?

Thank you

Hi :)

Thanks for your feedback.

At the moment this feature is not implemented. But we will consider this in a future releases.

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

Thanks.

really hard to bring together a datatable responsive and advanced at the same time, any suggestions? :’(

thanks

Hi :),

There is a sample for that. Did you check the 2nd datatable sample in http://keenthemes.com/preview/metronic/theme/templates/admin/table_advanced.html ?

Thanks.

Hello, again! I have a short question considering ajax portlets. I have searched this comments and didn’t find anyone mentioning this. Is it possible to catch an event when the ajax portlet is loaded using data-url manual load and auto load. Thank you.

Didn’t find a handler or an event in built-in Metronic function, so I used jQuery global ).ajaxSuccess function insead. Also, I used ajax url to know which ajax request was triggered (hardly a best solution):
$(document).ajaxSuccess(function(event, xhr, settings) {
    if (settings.url.indexOf("part-of-your-url") >= 0) {

    }
 });
Any better way to do it?

Hi :)

I guess this the one solution at the moment. In the future we will implement more advance solution for the portlets where onSuccss, onError handlers can be assigned individually. Also you can implement your own handler from scratch for particular portlets.

if you need any further clarifications please let us know.

Thanks.

Can I install this admin theme , with another existing html website?

Hi :),

Thanks for your interest in Metronic.

Metronic is not an installable theme. Its HTML theme which mainly used to develop a custom web application from scratch. Metronic provide us you the design and html templates that you will need to develop further according to your project requirements.

I hope the above info make it clear. 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.

Hey, how can I stop that metronic pop up in the dashboard?

Hi :),

In index.html just go to the bottom of the page and remove below code:

Index.initIntro();

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.

thank you, is there a way to edit it? or do i just remove it :)

You just need to remove that line :)

How do I customize …admin3/form_wizard.html page? I want to put my own input and such… and validation rules? what script file does those validations reside at?

I am using asp.net webform to build this wizard form and having a hard time to make them work together (I need to use asp.net controls such as asp:TextBox, asp:DropDownList, asp:button … instead of html control because I need to save data to database), can you provide an example?

Hi :),

Sorry, we are not able to provide examples for any server side language integration. Metronic is provided as an HTML theme and the further integration is responsibility of buyers.

However you can check below resources to get started: http://kiranpatils.wordpress.com/2014/02/15/bootstrap-with-asp-net-basics-and-learnings/ http://www.add-in-express.com/creating-addins-blog/2013/07/04/asp-net-mvc-wizards-templates/ http://www.mytecbits.com/microsoft/dot-net/bootstrap-3-0-0-with-asp-net-web-forms For more info on the form wizard and form validation plugins please refer below links: http://vadimg.com/twitter-bootstrap-wizard-example/ http://jqueryvalidation.org/

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

Thanks.

Hi, keenthemes! I have a big trouble with DataRange. Try to go to Feb 15, 2014 – i can’t. We have no whole February month of 2014 year in this Data Range Calendar. (It’s by using Google Chrome) Please, help and try, for example http://www.keenthemes.com/preview/metronic/theme/templates/admin2/components_pickers.html

Hi :),

Thanks for your feedback.

Seems we could not find the error you reported. Could you please send s screenshot where you did not see the full month view for February. Any further details you can email our support at support@keenthemes.com.

Thanks.

How can I keep the sidebar menu in an expanded state?

Hi :),

You should control it in with your server side language. So when you generate the HTML code of the sidebar menu just apply “active” class as per you requirements. Please check some other inner page templates and see how the sidebar menu’s active and opened submenus are defined.

Thanks.

got it…thanks for your support!

You we welcome :)

First I would like to congratulate you for the excellent work! I bought your theme and it really is wonderful …

But I have a hard time using it with PHP I wish that all the pages be loaded at the root of my domain and I’m not getting it… Ex: http://www.mydomain.com/login.html And not as http://www.mydomain.com/theme/templates/admin/login.html

I’m sure there some configuration that needs to be done so that the pages that are inside the template folder are read directly on the main domain, without displaying the navigation of folders and subfolders of your theme.

I do not know if it is REQUIRED to make a setting in htaccess file or whether to make a statement with PHP.

Would you help me with this question. I thank you.

Regards, Bruno Rios

Hi :),

Thanks for your feedback.

You just need to change the assets path in the html code. In the original template the assets path(for css, js and image files) is as ”../../assets/”. Since you are reorganizing the folder structure as below:

root/
     assets/
     index.php

You just need to update all the assets paths(for css, js and image files) as shown below:

From: ”../../assets/”

To: ”/assets/”

I hope the above instruction makes it clear for you. But 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.

Okay!

I expected a solution with htaccess so I could use the files that already exist and I do not need to change all the links of files in src If you know of any solution to this, which is in htaccess, or even in PHP, please let me know!

Anyway thanks for the reply!

Hi :),

I would suggest you to not use htaccess. Its normal practice changing the assets paths according your folder structure. You can just use your editor’s global find and replace feature to easily update the paths.

If you need any further clarifications please let us know.

Thanks.

Hi, in /admin3/ui_extended_modals.html after close third modal (the last), all seems to freeze… tnx ;)

sorry my mistake, only ‘Ok’ button are without events… with ‘Cancel’ all work ;)

Great! Glad you figured it out! :)

Hello,

Do you know when the AngularJS support will be out ?

Regards

Hi :),

At the moment we are working on the AngularJS version. We will announce the ETA once we have something up.

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

Thanks/

Ok thank you. Do you have an idea about the ETA ? I mean years, months, weeks ?

Thx

Hi :),

A few weeks. Hopefully even earlier.

Thanks.

theme: ‘admin3’ There is a jpeg of a round shape for the guest user? to insert in the upper right corner ? tnx

Hi :),

You just need to apply”img-circle” class to have a rounded image:

<img alt="" class="img-circle" src="../../assets/admin/layout/img/avatar3_small.jpg" />

Thanks.

You are welcome :)

the page:

metronic_3.3.0/theme/templates/admin3/layout_top_bar_fixed.html

is referring to livecss.js but it is no where to be found in the package

Hi :),

You can just remove it. It was used for debugging purposes seems we forgot to take it off.

If you have any further clarifications please let us know.

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

Thanks.

thanks for the prompt reply!

do you have instructions on how to change the paths? ie other than the html file, which other css, js files etc need to be edited.

Hi :),

You just need to change the assets paths in html code only(if you considered to change the assets folder location). So no need to change any path in css files. But in js files you might change some image paths. Just take a look at layout.js and metronic.js scripts.

If you need any further assistance please contact our support at support@keenthemes.com

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

Thanks.

On the Parallax theme, I’ve noticed that sometimes the top section will simply continue showing the spinner indefinitely. I don’t know if it has anything to do with Adblock enabled on chrome when having google analytics present. Any idea if anyone else has seen a similar issue before? Not sure how to handle it….

Hi :),

Did you encounter the same in our preview site ? http://keenthemes.com/preview/metronic/theme/templates/frontend/onepage-index.html

I can’t seem to reproduce this. Could you please double check it ?

Thanks.

I don’t think I’ve seen the problem on the preview site. I have a feeling that it has something to do with AdBlock on Chrome and the fact that I have Google Analytics code in there! Why should it affect the top div and show the spinner? It is terrible, because every person I’ve shown the site to it has failed to load at times.

Hi :),

Our preview site also has Google Analytics code. Did you check your console ? Is there any js or 404 errors ? If you can provide us a link to your developing site we could inspect your code and advise you further. You can send any further details to our support at support@keenthemes.com

Thanks.

In the parallax theme, when I have only one element in the slider and the user selects text and drags the mouse left or right, the (only) div element ends of refreshing as if it was sliding from another into this. Any way to control this? Thanks!

Hi :),

Sorry for the late reply.

Please try to change the revolution settings by adding touchenabled: “off” parameter in assets/frontned/onepage/scripts/revo-in.js:

 var revapi;
    jQuery(document).ready(function() {
      revapi = jQuery('.tp-banner').revolution({
        delay: 15000,
        startwidth: 1170,
        startheight: 500,
        hideThumbs: 10,
        fullWidth: "off",
        fullScreen: "on",
        touchenabled: "off",
        fullScreenOffsetContainer: "" 
      });
    });

Wordaround is to disable the touch support when you have only one slider. You can place the above script right in the bottom of your page in document ready event just in case if you want to handle it programmatically.

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

If you need any further assistance please let us know.

Thanks.

Fantastic, thanks for the quick reply!!

Glad to help you out :)

What is the best way to change the parallax image (quote.jpg)? I see it is defined in the CSS. Should I modify that CSS or overwrite it in mine? Thanks!

Hi :),

Yes, you should use custom.css to override any theme level css code. Just use the browser code inspector to find the css code and just override it in custom.css

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.

Thanks for clarifying!

You are welcome :)

In the Parallax theme, what is the best way to change the opacity of the background image? Currently, I tried

.tp-bgimg.defaultimg { opacity: 0.7 !important; }

But, when the image loads it fade’s in all the way to 1 and then shows up as 0.7. Any recommendations appreciated. Thanks!

Hi :),

Sorry if it took a while. We tried to implement this but it seems it’s not possible to apply opacity for the BG images with CSS on Revolution Slider. I would suggest you to apply some opacity to the images in Photoshop.

Thanks.

That’s a great workaround. Thank you.

You are welcome :)

theme: ‘admin3’; layout: ‘layout_mega_menu_fixed’

Where is ‘livecss.js’ file ? 0_o

Hi :),

You can remove this js file. It was used for debugging purposes.

Thanks.

many thanks :) great template, good work !

You are most welcome! Thanks for the kind words :)

theme: ‘admin3’; layout: ‘layout_mega_menu_fixed’

Insert select dropdown in ‘page-header-menu’ it’s possible ? thanks

Hi :),

Yes, now you just need to adjust the select control inside the form. Just apply some css code in custom.css:

.page-header-menu .search-form  select {
   margin-top: -2px;
}

Please try the above code(just adjust it with margin top) and let me know if you need any further assistance.

Thanks.

many thanks ;) another help, now this select, have a enlarge effect on click and on blur, how can deactivate on form with select into ? :)

Hi :),

Please go to assets/admin/layout3/scripts/layout.js and under “handleHeader” function just remove below code:

// handle search box expand/collapse        
        $('.page-header').on('click', '.search-form', function (e) {
            $(this).addClass("open");
            $(this).find('.form-control').focus();

            $('.page-header .search-form .form-control').on('blur', function (e) {
                $(this).closest('.search-form').removeClass("open");
                $(this).unbind("blur");
            });
        });

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