12220 comments found.
I want a pop up box on click link.
In link i pass parameter and data show in pop up according to parameter.
So which form/model i have to use?
Currently i use “AJAX content loading” in Models section in file /template_content/ui_modals.html
But it show previous loaded content in every model, to get updated data ( according to link ) we have to refresh page.
Please help, which form i have to use for pop up form/page.
Hi 
,
You need a workaround to reload the ajax content of the bootstrap modal using below code:
$('#my_modal').on('hidden.bs.modal', function () {
$(this).removeData('bs.modal');
});
For further technical support please provide us your purchased license code as we did not see the “purchased” badge for your username here. For any further assistance please contact our support: support@keenthemes.com
Thanks.
Hi Could you let me know that Is that your template & admin Connect each other
Or Do i have to work to on that in that case you provide any manual with it?
Thank you in advance Kind regards Kris
Hi ,
Metronic is an HTML theme(html, css & js) and its not fully functional application. Basically Metronic is used as user interface for a custom web applications so the backend implementation is not covered by our support.
For more info please check our FAQ here http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469/support or contact our support if you need any further clarificatiokns: support@keenthemes.com
Thanks.
Hi, ok thank you for your prompt reply I can see the comment (11month old) saying you will going to release Plug & play theme
With admin & frond end theme
Have you released anything like that?
Thanks
Hi ,
We meant by “plug & play” the possibility of using the admin theme features in frontend themes(in the code) level. However we did not say anything like CMS like “plug & play”.
Thanks.
p.s. function handleUniform in metronic.js
the issue is on /templates/admin3/form_controls.html on checkboxes example, thanks.
Hi ,
Sorry, could not understand the issue clearly. Are you having this issue in our preview site or your developing site ? Could you please explain it with more details ? If possible please provide us some screenshots and a link to your developing site.
Thanks.
sure I designed a list of checkboxes, but when I click on them, the check can not be seen, Looking more closely connected with firebug the css, I noticed a rule on the “opacity : 0” what .js manage the checkboxes ? tnx
Hi
Did you get the code from browser inspector ? If yes, please revert back your changes and get the checkbox list code from the template file’s source. When you copy past from browser’s code inspector you will get generated code(with extra DIV) since the styled checkboxes and radio buttons are wrapped with extra DIV by uniformjs plugin.
Thanks.
What font for custom default metronic logo ? Thanks 
Hi .
For logo font we are using Kozuka Gothic Pro font.
Thank you.
tnx
When I download the new version, the system prompt page not found?What should I do?
Hi ,
If this error encountered on themeforest.net website then you should contact the envato support via https://help.market.envato.com/. Themeforest is a marketplace where we sell our items as authors so we do not have any control over the website issues. The envato support will help you out. However you can retry the download and hopefully it will work.
Please let me know if we can help you with anything else.
To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes
Thanks.
Hello, Thank for a great template. I tested it with Safari, Chrome and IE and all seemed to be fine. But, I found the shop-index.html made IE browser stop working, I couldn’t check the version of the IE though. I guess the error was caused by the animation of “layerslider” because other pages were working fine in the browser. I believe this template was completely tested in any browsers. Could you tell me which browsers and versions may have problems with this template? Thank you in advance.
Hi ,
Thanks for your feedback.
Did you encounter it in our preview site ? Or in your downloaded copy when you opened it directly from a file ? Could you please let us know the browser’s exact version ? I suspect it was IE8 that possible have some issue LayerSlider.
For easier further conversation you can contact our support at support@keenthemes.com
To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes
Thanks.
Where can I find a tutorial on how to make the graphs actually pull information into my site?
Hi ,
First you should check the official plugin’s doc here: flotcharts.org. Also you can check below related links on integrating the charts with php:
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://www.flotcharts.org/flot/examples/ajax/Thanks.
how to disable zoom product image on product page?
thanks.
Hi ,
In the bottom of the template page just remove below line of code:
Layout.initImageZoom();
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.
what’s datatable default ‘sDom’ parameter ? I would just leave the table, paging and info example (“dom”: “irtp”,) thanks
solved : set “bFilter” and “bLengthChange” to false …
Great! Glad for that
Hello,
I have run in to an issue that I am also able to replicate on your demo site. On the product listing page (http://www.keenthemes.com/preview/metronic/theme/templates/frontend/shop-product-list.html), if you change any of the product names (“BERRY LACE DRESS”) to be long enough to wrap the line, the grid of products starts to prematurely wrap. Here is an example: http://i.imgur.com/AbW2GXE.jpg.
Any suggestions on how to prevent this (other than limiting the product name)?
Hi ,
Thanks for reporting this issue. We will fix it in the next update v3.3.1 which we are planning to release in a few days.
However you can quickly fix it by places each 3 products in one row as shown below:
<div class="row product-list">
<!-- PRODUCT ITEM START -->
<div class="col-md-4 col-sm-6 col-xs-12">
........
</div>
<!-- PRODUCT ITEM END -->
<!-- PRODUCT ITEM START -->
<div class="col-md-4 col-sm-6 col-xs-12">
........
</div>
<!-- PRODUCT ITEM END -->
<!-- PRODUCT ITEM START -->
<div class="col-md-4 col-sm-6 col-xs-12">
........
</div>
<!-- PRODUCT ITEM END -->
</div>
<div class="row product-list">
<!-- PRODUCT ITEM START -->
<div class="col-md-4 col-sm-6 col-xs-12">
........
</div>
<!-- PRODUCT ITEM END -->
<!-- PRODUCT ITEM START -->
<div class="col-md-4 col-sm-6 col-xs-12">
........
</div>
<!-- PRODUCT ITEM END -->
<!-- PRODUCT ITEM START -->
<div class="col-md-4 col-sm-6 col-xs-12">
........
</div>
<!-- PRODUCT ITEM END -->
</div>
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.
pls I’m going crazy about two days, why this dropdown-menu don’t open on my smartphone … :’( and too (on the right, for select theme color. could u check page here http://37.186.226.248/tributi/
thanks
p.s. entire menu structure is generated by php, and on pc it work fine
I forgot to specify the name of the template, it’s admin3, thanks
Hi ,
Please try to remove below code:
<script type="text/javascript">
/*<![CDATA[*/
jQuery(function($) {
jQuery('[data-toggle=popover]').popover();
jQuery('[data-toggle=tooltip]').tooltip();
});
/*]]>*/
</script>
It might be conflicting with bootstrap dropdowns. To check it further please double check your code and compare it with the original code. If you are doing any changes please do it step by step by testing each change to make sure there will not be any conflict with Metronic’s core features.
Thanks.
I try now and let you know
Oh my god, who the hell creates that javascript code ?! :’( strange…
found …it’s a conflict with YiiBooster component ! Now I must solve this …. thanks
I removed the piece of code that I wrote above, but it still does not work…
Please go to http://37.186.226.248/tributi/themes/metronicAdmin3/assets/admin/layout3/scripts/demo.js and change the theme css file path under:
<per> // handle theme colors var setColor = function (color) { var color_ = (Metronic.isRTL() ? color + ‘-rtl’ : color); $(’#style_color’).attr(“href”, Layout.getLayoutCssPath() + ‘themes/’ + color_ + ”.css”); $(’.page-logo img’).attr(“src”, Layout.getLayoutImgPath() + ‘logo-’ + color + ’.png’); };
By right you should have configured the assets path in metronic.js file(through var assetsPath = ’../../assets/’; variable). If you check the chrome dev tools console you will see 404 error when the demo.js tried to change the theme css file and the logo.
Thanks.
many tnx
Hey,
I love your template, however can I find out when to you plan to release the features from the coming soon section? Would be great to plan in advance how long will be until I will be able to use the angularJS support and the updated profile page…
Thanks a lot, Marius
Hi ,
Thanks for your feedback.
We will release those features as soon as possible. The AngularJS version should be out in a few weeks. EAT for other features will be announced later once we have some progress.
To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes
Thanks.
Thanks a lot for your feedback… currently I am streamlining my project development, but as soon as I will reach the UI development phase I will buy your template…
Thanks for your interest in Metronic. Sure, let me know if you need any further information.
Hi there,
Really liking your theme thank you.
However, run into a problem with SlimScroll when using Ajax to dynamically load content into a div. Ajax loads the content into the div as expected, however SlimScroll is preventing it from actually displaying, but I can see it there in the inspector.
According to the SlimScroll docs I should be able to re-initialise it with $("#element").slimScroll();
However, this does not work, so I’ve also attempted the following, using the initSlimScroll and slimScroll:
$.each(result, function(item, value){
if(item == 'Success'){
box.html(value, function(){
Metronic.initSlimScroll({
//$(".scroller").slimScroll({
size: '7px',
color: '#a1b2bd',
railColor: '#333',
height: height,
alwaysVisible: true,
railVisible: false,
disableFadeOut: true
});
});
}
});
Yer nothing happens. According to the scroller, the data is initilised, but nothing is displayed, HTML below:
<div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 0px;"><div class="scroller" style="max-height: 600px; overflow: hidden; width: auto; height: 0px;" data-always-visible="0" data-rail-visible="0" data-handle-color="#dae3e7" data-initialized="1">
<img src="http://anaddress.com/assets/img/loading-spinner-grey.gif" alt="" id="loadTaskListld" class="loaderImg hidden" />
<div class="todo-tasklist" id="loadTaskList" data-initialized="0"><div class="todo-tasklist-item todo-tasklist-item-border-green" support-id="3">
<img class="todo-userpic pull-left" src="../../assets/admin/layout/img/avatar4.jpg" width="27px" height="27px" />
<div class="todo-tasklist-item-title">
A Message Used for Testing
</div>
<div class="todo-tasklist-item-text">
Inputting some text here to ensure there is at least the start of a description.
</div>
<div class="todo-tasklist-controls pull-left">
<span class="todo-tasklist-date"><i class="fa fa-calendar" /> 26 Sep 2014</span>
</div>
</div></div>
</div><div class="slimScrollBar" style="width: 7px; position: absolute; top: 0px; opacity: 0.4; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; z-index: 99; right: 1px; display: block; background: rgb(218, 227, 231);" /><div class="slimScrollRail" style="width: 7px; height: 100%; position: absolute; top: 0px; display: none; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; opacity: 0.2; z-index: 90; right: 1px; background: rgb(234, 234, 234);" /></div>
Help with this little problem would be really appreciated. So far, the only problem I’ve found with your template.
Actually just figured this out after a day. For anyone else running into the same problem with SlimScroll, do the following:
Give the scroller an id e.g.
<div class="scroller" id="ScrolltoReload" style="max-height: 600px;" data-always-visible="0" data-rail-visible="0" data-handle-color="#dae3e7">
And then in your Ajax, before the content is loaded into the box, you need to destroy it with:
<code>
Metronic.destroySlimScroll('#ScrolltoReload');
</code>
Then, once your content is loaded into the box, you need to reinitialise this scroller with:
<code>
Metronic.initSlimScroll('#loadTaskListScroll');
</code>
Hope this helps some people, noticed there are a few questions similar to mine regarding this.
</div>
Hi ,
Sorry for the late reply. Thanks for sharing this workaround. 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,
Thank you for a very nice theme! In the one page frontend theme there is an error shown in console:
Failed to load resource: the server responded with a status of 404 (Not Found) http://www.keenthemes.com/preview/metronic/theme/templates/frontend/undefined GET http://www.keenthemes.com/preview/metronic/theme/templates/frontend/undefined 404 (Not Found) jquery.themepunch.tools.min.js:90
How can this be fixed? Thanks!
Hi ,
Thanks for your feedback.
This issue was fixed in the latest version of revolution slider. We will include the fix in the next update.
To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes
Thanks.
May I know why there is no icon here? http://oi60.tinypic.com/344e250.jpg
Hi ,
Please replace “fa fa-bar” icon classed with “icon-bar” in the nav’s HTML code.
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! Can you use this admin theme with any other front-end theme? Or can you just use the included themes?
Best regards, Anna
Hi ,
All Metronic themes are just HTML templates and they are not dependent on each other. You can manipulate any theme as per your project requirements.
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.
Hi.
I want to add 2 column to managed table.
Problem is that page scrolling and search options disappearing after i am adding them.
Could you help please!((
Hi ,
You should modify the JS initialization code for your table if you added/removed columns. Can you please let us know which template page and datatable are you referring ?
For more info please check the official documentation of the plugin here: datatables.net
Thanks.
hello, i am interested with your temp, it looks very tempting. i used opencart before, but am willing to this type of advanced temps. i have one question please,, how do we connect the database, is it with installation steps as opencart to php. thank you
Hi ,
Metronic is an abstract HTML theme mainly used to create a custom web applications from scratch. The backend implementation is not covered by our support so we can’t advise you much. Basically the backend part is responsibility of buyers.
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.
Thanks for this great work. I have a question. Is it possible to make the Quick Sidebar always visible in boxed version when there is enough space on the right side and hide it when there is no space available, similar to facebook’s right side bar?
Hi ,
Thanks for your feedback.
This feature is not implemented but this can be possible with some customization. When the quick sidebar is expanded “page-quick-sidebar-open” class is added to the body element. So you can control this behavior according to your requirements.
Thanks.
Thanks for the information, I will try applying this. I also would suggest you add this as an option for the quick sidebar
Noted. We will consider it in a future release.
To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes
hello
i have put tabs inside a portlet, and also i have a form on the left:
please take a look here:
Any ideas?
Thanks
Hi ,
Will it be possible checking your website somewhere online ? We will need to inspect your code inline 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.
This item was featured on ThemeForest
Power Elite Author
Contact the Envato Market Help Team
