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

Hallo, on onepage parallax ->Portfolio (Latest works), when click Details show popup image, when I press close button (right top corner) popup not gone, and firebug shows following error message

Failed to load resource: the server responded with a status of 404 (Not Found) http://www.keenthemes.com/preview/metronic/theme/templates/frontend/undefined

P.S. Browser – Chrome

Hi,

Thanks for reporting this issue. We will fix it in the next update asap. In the main time you can fix it by adding below cover img(video_woman_cover3.jpg) for the video slide:

<li data-transition="fade" data-slotamount="5" data-masterspeed="700" data-delay="9400" class="slider-item-3">
    <img src="http://themepunch.com/revolution/wp-content/uploads/2014/05/video_woman_cover3.jpg"  alt="video_woman_cover3"  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat">
    <div class="tp-caption tp-fade fadeout fullscreenvideo" 
        data-x="0" 
        data-y="0" 
        data-speed="1000" 
        data-start="1100" 
        data-easing="Power4.easeOut" 
        data-endspeed="1500" 
        data-endeasing="Power4.easeIn" 
        data-autoplay="true" 
        data-autoplayonlyfirsttime="false" 
        data-nextslideatend="true" 
        data-forceCover="1" 
        data-dottedoverlay="twoxtwo" 
        data-aspectratio="16:9" 
        data-forcerewind="on" 
        style="z-index: 2">
        <video class="video-js vjs-default-skin" preload="none" width="100%" height="100%">
            <source src='http://goodwebtheme.com/previewvideo/forest_edit.mp4' type='video/mp4'>
            <source src='http://goodwebtheme.com/previewvideo/forest_edit.webm' type='video/webm'>
            <source src='http://goodwebtheme.com/previewvideo/forest_edit.ogv' type='video/ogg'>
        </video>
    </div>
    <div class="tp-caption large_bold_white_25 customin customout tp-resizeme" 
        data-x="center" data-hoffset="0" 
        data-y="170" 
        data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:5;scaleY:5;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" 
        data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" 
        data-speed="600" 
        data-start="1400" 
        data-easing="Power4.easeOut" 
        data-endspeed="600" 
        data-endeasing="Power0.easeIn" 
        style="z-index: 3">The clearest way into the Universe<br/>is through a forest wilderness.
    </div>
    <div class="tp-caption medium_text_shadow customin customout tp-resizeme" 
        data-x="center" data-hoffset="0" 
        data-y="bottom" data-voffset="-140" 
        data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:5;scaleY:5;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" 
        data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" 
        data-speed="600" 
        data-start="1700" 
        data-easing="Power4.easeOut" 
        data-endspeed="600" 
        data-endeasing="Power0.easeIn" 
        style="z-index: 4">John Muir
    </div>
</li>

Missing cover img caused the issue when revo slider tried to load it as undefined. You can change the cover img with your own img or just put an empty img tag if you don’t need it.

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.

found a error with node-sass:

_mixins.scss line 24 i think it should be filter: alpha(opacity=#{$value * 100});

... filter: alpha(opacity=$value * 100); results in invalid operands for multiplication error.

Hi :),

Thanks for your feedback. We appreciate your suggestion. We will check it further and fix it in the next update asap.

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

Thanks.

Can you direct us to a tutorial on how to get the information for the charts from our databases like Mysql data?

Hi :),

You can check the flotchart documentation here: flotcharts.org

Also you can check below links: http://stackoverflow.com/questions/1312302/retrieve-data-from-mysql-by-php-to-create-flot-graph http://stackoverflow.com/questions/9439831/draw-multiple-charts-with-flot-html-php-and-mysql-query http://bytes.com/topic/php/answers/873255-how-retrieve-data-mysql-database-plot-jquery-flot-graph

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 make sidebar consistent on mobile and desktop so when user clicks on menu icon on mobile view, the menu should fly in from left instead of dropdown. How can I achieve it?

Thanks in advanced!!

Hi :),

Thanks for your feedback. But this feature is not implemented yet. We will check it further and consider implementing it in a future releases.

To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

Hi, i have downloaded version 3.4 but there is no AngularJS integration in admin2, there is some files but does not work. Can you upload worked script?

Hi :),

You can check the angularjs version for admin2 here: http://www.keenthemes.com/preview/metronic/theme/templates/admin2/angularjs/#/dashboard.html.

In your downloaded package please find the angularjs version in [downloaded_package]/theme/templates/admin2/angularjs/ folder.

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

Thanks

I have angularjs folder but when browse it’s showing blank page and some files doest not found plesae look at the screenshot can you help us what missing?

http://imageshack.com/a/img540/9310/RwaPVf.jpg

Hi,

You should run the theme from a web server(localhost) not directly from a file. Ajax is not supported when you open a page from a local directory.

Thanks.

Thanks keenthemes very much for this update Especially AngularJS integration. Just what I needed. Much appreciated.

Hi :),

Glad to hear that. I hope you will enjoy using the AngularJS version as well.

Thanks.

Hi Metronic,

does 3.4 has both html and angularjs versions?

Thanks

Hi :),

Yes, all 3 admin themes now have AngularJS versions. For more info please check the preview site here: http://www.keenthemes.com/preview/index.php?theme=metronic

If you need any further assistance please let us know.

Thanks.

Your claim that this template has full SASS support is misleading because the FrontEnd templates do not use SASS. This is really misleading since you only find this out after you pay and download the files. I would highly suggest you make this obvious in your marketing materials to avoid disappointment by your highly valued customers.

Hi :),

Thanks for your friendly feedback on this. Agree, the full sass support is only for the admin themes. We will correct this statement in the next update.

Thanks.

Excellent, thanks for the prompt reply.

You are welcome! Thanks :)

So I’m looking to learn with something like you’ve created here and use it for static web-sites. From what I can see this Admin dashboard is Static and you basically can build forms. You can see prebuilt pages. and User interface items. Take the html from them and built out your own static versions of html pages.

I’m just curious about the blogs, portfolios and such. I see you have category widget on the side of the blog page and there are comments on the test blog. I take it this is all just for pure ‘example’ sake and nothing runs from a database. So this isn’t a CMS, and the portfolio, blog posts, must be added via my html editor correct?

In summery. The ‘tags’ the ‘blog categories’ ‘comments’ all that is pure example and the dashboard doesn’t hold these posts like a CMS?

I also assume this bundle comes with all those prebuilt pages on the front-end gui to use as a guide from what pages we may want ours to look like.

Although I dont see any blog posts and such held in the admin dashboard I do notice that e-commerce items are…. Sorry i’m likely just going to buy but just curious how this all works.

Hi :),

Yes, Metronic is not fully functional admin panel or CMS. The entire theme pages and components are static HTML with some JS codes. To build real functioning site you will need to write some server side code(e.g: php + mysql) to pull the data and display it using the available HTML templates. Basically Metronic theme mainly used to develop a custom web applications from scratch so the server side part is responsibility of buyers.

If you need any further clarifications please let us know.

To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

FOR THE LOVE OF GOD!!! You all are providing sooo much value in such a great package it makes us feel like we are stealing your hard work and efforts every time there is an update! You all provide so much great features in this theme it’s simply incredible and version 3.4 is no exception. We have been looking for Angular integration and presto, it’s here.

Thank you—and continue to keep up the great work and support.

Hi :),

Many thanks for your warm comments. Appreciate that! We value our community and its our pleasure providing more great features. This is not the last one. We will do our best to release even more amazing features in the future.

To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

hi, you job is amazing, i have a problem when i try to insert a boostrap swich on-off in one accordion and this inside a porlet. if i put the swich in the porlet work well, but when i do that in the accordion dosent work code: <div class="col-md-4 col-sm-4 column sortable"> <div class="portlet box green portlet-sortable"> <div class="portlet-title"> <div class="caption"> <i class="icon-settings" />Mostrar <input type="checkbox" name="swch1" id="swch1" class="make-switch" checked="" data-on="success" data-off="warning" data-size="small"> </div> <div class="tools"> <a href="javascript:;" class="collapse"> </a> <a href="#portlet-config" data-toggle="modal" class="config"> </a> <a href="javascript:;" class="reload"> </a> </div> </div> <div class="portlet-body"> <div class="panel-group accordion" id="accordion1"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion1" href="#collapse_4"> Sin Grupo </a> </h4> </div> <div id="collapse_4" class="panel-collapse collapse"> <table class="table table-hover table-advance"> <tbody id="0"> <tr><td> <input type="checkbox" name="swch2" id="swch2" class="make-switch" checked="" data-on="success" data-off="warning" data-size="small"> </td></tr> </tbody> </table> <div class="text-center"><button onclick="Index.mostrarGrupo(0)"class="btn btn-xs grey-silver button-submit"><i class="fa fa-edit" /> Selecionar Todos </button></div> </div> </div> </div> </div> </div><!-- fin porlet--> here i give you a img the 1º swich work well the 2º not , i inicialice both <code> $('input[name="swch1"]').bootstrapSwitch(); $('input[name="swch2"]').bootstrapSwitch(); </code> https://www.dropbox.com/s/cy4xny2v4eo36bz/errorweb.PNG?dl=0</div>

Hi :),

Noted. We got your email as well. We are checking it and reply you asap.

Thanks.

Hi,

On this page,

http://www.keenthemes.com/preview/metronic/theme/templates/frontend/shop-item.html

When thumbnails are clicked to get fancybox image pop, the entire page shifts to left.

When image is closed, page shifts to right.

I am using Chrome Browser. Can you please fix this issue.

Thanks

Hi :),

Thanks for your feedback. Actually this is normal behavior where the fancy box remove the browser’s scrollbars. But will check it further and try to enhance it in a future release.

To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

Hi! First of all, I want to mention that I am really happy with this purchase, great script! Second: I can not validate a form inside a modal. Do you have any suggestion? Thank you.

Hi :),

Thanks for your kind comments. Sorry, at the moment Metronic does not have the exact feature you asking. But i could refer you to some related links:

http://stackoverflow.com/questions/20945273/how-to-validate-bootstrap-modal-before-dismiss-with-jquery-validation http://www.rayfaddis.com/blog/2013/05/27/jquery-validation-with-twitter-bootstrap

To stay updated please follow us on http://twitter.com/keenthemes ;)

Thanks.

Hi,

How can I include all of js and css ? Its really hard find includes for some feature.

Thanks

Hi :),

You can refer to the documentation under [theme_folder]/_documentation/index.html and get a list of all 3rd party plugins and resources.

If you need any further assistance please let us know.

Thanks.

Hi! how can i add something in the printing page (stripped version by PRINT in tabletools)? I need a custom footer and a header, but everything is hidden by pressing PRINT. There’s a secial class to show elemntes only in “print” mode? tks

Hi :),

Yes, you can use bootstrap’s utility classes to show/hide elements in print mode. Just refer to ”.visible-print-block”, etc in

http://getbootstrap.com/css/#responsive-utilities

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

Thanks.

I’m currently using this template to develop a Java (JSF 2.2) system and is working very well. But when I decided to use Notifications Toastr, I noticed that there is an error on the demo page. By selecting options, the demo page shows the command to be executed, and in this command, exist a small error. It shows:

Command: toastr [success] (“Gnome & Growl type non-blocking notifications”, “Toastr Notifications”)

which ends up generating a JS error.

the right would be: Command: toastr [“success”] (“Gnome & Growl type non-blocking notifications”, “Toastr Notifications”);

Note the quotes around the word success.

Hi :),

That is just showing the parameters only and that code is not executable JS code. You should use below code instead:

toastr.options = {
  "closeButton": false,
  "debug": false,
  "positionClass": "toast-top-right",
  "onclick": null,
  "showDuration": "300",
  "hideDuration": "1000",
  "timeOut": "5000",
  "extendedTimeOut": "1000",
  "showEasing": "swing",
  "hideEasing": "linear",
  "showMethod": "fadeIn",
  "hideMethod": "fadeOut" 
}

// Display a warning toast, with no title
toastr.warning('My name is Inigo Montoya. You killed my father, prepare to die!')

// Display a success toast, with a title
toastr.success('Have fun storming the castle!', 'Miracle Max Says')

// Display an error toast, with a title
toastr.error('I do not think that word means what you think it means.', 'Inconceivable!')

// Clears the current list of toasts
//toastr.clear()

For more info please refer to the documentation here: http://codeseven.github.io/toastr/

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

Thanks.

Got it. However, the demo page is a bit confused about this.

Believe it would be very helpful if in each page, included the JS commands (only basic) needed to perform a certain function demonstrated, rather than having to look at the official documentation (in this case, would be for something more detailed), or even looking at the JS demo files.

Just a suggestion (I know this is very difficult).

Hi :),

Thanks for your suggestion. That’s a good idea. We will definitely consider it in a future release. Stay tuned!

Thanks.

This would be something incredibly useful to add to your tables (take particular note of the powerful way how even nested table rows can be re-ordered/re-grouped just by a cool drag n’ drop or how table rows added/cloned also by using drag n’ drop …!!):

jQuery Sortable (http://johnny.github.io/jquery-sortable/)

What do you think!?

Hi :),

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

Thanks.

What is ETA for

1)Full Ajax Support 2)Page Builder

Hi :),

We are working on those features. We will announce the ETA later once we have something up.

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

Thanks.

in parallax frontend, we can view ONEPAGE logo. may i know, what kind of font is it?

Hi :),

We are using Kozuka Gothic Pro R font from Adobe. It comes with licensed Photoshop.

Hope this will be helpful for you. Please feel free to ask if we can help you with anything else.

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

Thank you.

ty, this themes is awesome. ur reply very helpfull

Glad to help you out. Good luck with your project :)

Hi!

I miss a contact form on the one-page version. Maybe in the next release? Thanks!!

Hi :),

At the moment the contact us link just scrolls to the footer where the contact info is displayed already. But we will consider adding a contact form 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