12184 comments found.
Hi 
,
Dear Community!
We are delighted to inform you that our support site is finally launched http://keenthemes.com/. Now you can post your further support questions in our support site. All you need to do is register as a member and verify your purchase by entering your license code and you are ready to go with more effective support from our support staff and the community.
If you encounter any bug in the site, please feel free to report us through our support email: support@keenthemes.com
To stay updated please follow us on http://twitter.com/keenthemes 
Thanks.
<a type="submit" class="btn blue">
Submit <span class="fa-stack fa-lg">
<i class="fa fa-square-o fa-stack-2x" />
<i class="fa fa-twitter fa-stack-1x" />
</span>
</a>
Can you put a working example some where ?
Hi ,
Sire You can use below custom classes instead:
fa-lg, fa-2x, fa-3x, fa-4x, fa-5x
We will check it further and consider adding back the original stack classes.
For any further support you can use our recently launched support site: http://keenthemes.com/forums/. Just register and verify your license and are you ready to go with more effective support!
To stay updated please follow us on http://twitter.com/keenthemes
Thanks.
<a class="btn blue" type="submit"> Submit <span class="fa-stack fa-lg"> <i class="fa fa-square-o fa-2x fa-stack-2x"> <i class="fa fa-twitter fa-stack-1x fa-1x "> </i></i></span><i class="fa fa-square-o fa-2x fa-stack-2x"><i class="fa fa-twitter fa-stack-1x fa-1x "> </i></i></a>
Hi ,
As a quick fix you can update ‘Fontawesome Icons’ part in components.css as shown below:
/***
Fontawesome Icons
***/
[class^="fa-"]:not(class^="fa-stack"), /* modified */
[class^="glyphicon-"],
[class^="icon-"],
[class*=" fa-"]:not(class*=" fa-stack"), /* modified */
[class*=" glyphicon-"],
[class*=" icon-"] {
display: inline-block;
margin-top: 1px;
font-size: 14px;
*margin-right: .3em;
line-height: 14px;
-webkit-font-smoothing: antialiased;
}
/* Icon sizing */
.fa-lg:not(.fa-stack), /* modified */
.icon-lg {
font-size: 16px !important;
}
That should solve the issue.
Thanks.
Hi, again I LOVE this theme! I am creating a questionnaire page that has a few hundred radio buttons, and as the page loads, before the jQuery ready function, the radio buttons are unstyled and then finally when the page is done loading, they snap up perfectly.
Is there a way to style the radio buttons directly so they load with the style already. I’ve tried running <script>$.uniform.update(’.radio’);</script> during my PHP loop, but nothing works until the page is 100% done loading. Can you offer any help?
Thanks!
Hi ,
Sorry for the late reply. In your case it waits until all the html code is loaded first then you can run JS code to initialize the radio buttons.
You can consider showing the content once its fully loaded and initialize the radio buttons.
If you need any further assistance you can register at our support forum http://keenthemes.com/forums/ and post your further questions there. Also please provide us a test link to your developing site(to post your confidential test link you can create a topic first and add a hidden reply so only support staff can see it).
To stay updated please follow us on http://twitter.com/keenthemes
Thanks.
Another question ! I wish to have the submenu ( toggle ) linking the main menu ( with the logo ) and delete the submenu. What to do? I used admin n°3 Thanks for help
Hi ,
Sorry, i could not understand your question fully. Could you please contact our support(support@keenthemes.com) and provide us more details ?
Thanks.
$(’.tooltips’).tooltip(); metronic.js:297 Uncaught TypeError: undefined is not a function, and added the next references in the Layout on mi mvc.net solution :
<script src=”/Content/assets/global/plugins/jquery.min.js” type=”text/javascript”></script>
<script src=”/Content/assets/global/plugins/jquery-migrate.min.js” type=”text/javascript”></script>
<!- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip ->
<script src=”/Scripts/jquery-ui-1.8.20.js”></script>
<script src=”/Content/assets/global/plugins/bootstrap/js/bootstrap.min.js” type=”text/javascript”></script>
<script src=”/Content/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js” type=”text/javascript”></script>
<script src=”/Content/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js” type=”text/javascript”></script>
<script src=”/Content/assets/global/plugins/jquery.blockui.min.js” type=”text/javascript”></script>
<script src=”/Content/assets/global/plugins/jquery.cokie.min.js” type=”text/javascript”></script>
<script src=”~/Content/assets/global/plugins/uniform/jquery.uniform.min.js” type=”text/javascript”></script>
Hi ,
Could you please send to our support(support@keenthemes.com) a test link to your developing site ? We will need to check your code online in order to advise you further. Also please provide us your license info as our support is provided only to verified buyers.
Thanks.
Hello,
I am looking for nice 3 green balls gif, i want to use for my AJAX loading, I seen somewhere in your theme but i forgot it, Can you tell me where it is?
Thanks,
Hi ,
You can simply call Metronic.startPageLoading({animate: true}) and Metronic.stopPageLoading() functions. For more demos please check: www.keenthemes.com/preview/metronic/theme/templates/admin/ui_blockui.html
To stay updated please follow us on http://twitter.com/keenthemes
Thanks.
Hi,
Thanks a lot for the material design release
I have a question, can you help me achieve the material design for “select2” dropdown ? I would like to get the same design as the bootstrap dropdown.
Thanks a lot !
Hi ,
Thanks for your feedback. At the moment the material design skin is available only for main form controls. But we will consider implementing it for other custom controls in a future releases.
To stay updated please follow us on http://twitter.com/keenthemes
Thanks.
Hi I encountered some issues on firefox 768×1024 the footer took up 50% of the page but if I remove the resizing feature on firefox the footer is back to normal at the bottom
Hi ,
Thanks for your feedback. Could you please let us know which theme and page did you encounter the issue in ? If possible please provide our support(support@keenthemes.com) a link or screenshots.
Thanks.
Hi
Wonderful theme! But how can I add the Bootstrap Summernote WYSIWYG Editor to a AngularJs page?
Thanks in advance!
Hi ,
You can add it by referring to the jQuery plugin integration samples here: www.keenthemes.com/preview/metronic/theme/templates/admin/angularjs/#/pickers
Basically you will need to load plugin’s css and js files(refer to angularjs/js/app.js) and just initialize the editor in jquery way within controller.
If you need any further assistance please contact our support at support@keenthemes.com
To stay updated please follow us on http://twitter.com/keenthemes
Thanks.
Do you believe that Metronic will be updated fairly quickly to Bootstrap 4 when it is released? Since we’re on 3.3.2 and 3.3.4 released about a week ago, I am only wondering how your timeframe might be affected.
Apparently there are a bevy of changes between v3.3.2 and v4. Many of them are noted here. http://iamkevinrhodes.com/top-5-bootstrap-4-features-coming-2015/
It looks like there might be some nice feature upgrades, especially with the navbar and a new approach to global theming. Surprisingly enough there will be a new component system that replaces panels, thumbnails, and wells!
Hi ,
Thanks for your feedback. Yes, we are following that major & minor changes and we are sure that we can handle it quickly and provide the release asap. And in the next update we will update to Bootstrap 3.3.4.
To stay updated please follow us on http://twitter.com/keenthemes
Thanks.
Cool beans!
You are welcome! Now you can submit your questions in our support forum: http://keenthemes.com/forums/
See you there!
Hello keenthemes:)
Thank for the new Metronic release 3.7
I have two questions about admin3 – material_design – AngularJS:
(1) How can I make footer to stick with the bottom of the page? At present, footer starts with the end of page content. So in the cases when your page content is small, the footer may rest in the middle of the page.
(2) I noticed that in AngularJS version of Material Design the buttons lack the Button Ripple Effects when you click at them. How can I make it work?
Thank you
Hi ,
Thanks for your feedback.
1) Seems this is a minor bug and we will fix it asap. In this case a workaround you can set min-height: 600px to the content.
2) You can apply “page-md” class to the body element in order to set Material Design version.
If you need any further clarifications please let us know.
To stay updated please follow us on http://twitter.com/keenthemes
Thanks.
Thank you keenthemes – it all worked!
Great! You are welcome. Good luck with your project!
I have 4 graph
I want to keep expand first one and other 3 close.
the code is working nice for collapse but never open by click on arrow Collapsed Default Collapsed PortletHi ,
Could you please email our support(support@keenthemes.com) and provide a test link to your developing site ? Also please provide your license info as we did not see “purchased” badge for your username here.
Thanks.
I would like to thank you for the great effort that have been made to come up with this incredible theme. I have purchased Metronic to develop a web project for one of my clients and I am now facing a problem with Summernote WYSIWYG editor. I am trying to establish a form validation with the elements in the page ( other inputs ) but it is not working. When I comment the component initialization function (ComponentsEditors.init()) that in document ready function the validation works fine. Any help regarding to this issue will be appreciated.
Thank You!
Hi ,
ComponentsEditors class contains samples for other editors so you will need to disable theme and keep only the sample related to summernote editor. Also please check your JS console to find errors.
if you need any further assistance please contact our support(support@keenthemes.com) and provide us a test link to your developing site.
To stay updated please follow us on http://twitter.com/keenthemes
Thanks.
Hi ! What is the best way to I put an big link (in responsive mode) inside FAQ page tabs?
Thx !!!
Hi ,
You can use below css code to increase the tab’s font size:
.ver-inline-menu li.active a,
.ver-inline-menu li:hover a {
font-size: 18px;
}
If you need any further clarifications please contact our support at support@keenthemes.com
To stay updated please follow us on http://twitter.com/keenthemes
Thanks.
Hello, I am re-factoring my code to use the angular template (seems awesome so far!) only problem is I’m having a heck of a time tying to get my route parameter passed to my controller; the lazy loading doesn’t seem to pass the $routeParams,and I can’t figure out how to add a property to the settings from inside the state() definition, and I can’t find an example online that uses an external controller file AND a route parameter. Here is my code:
//state:
.state('editCompany', {
url: "/editcompany/:companyId",
templateUrl: "../../../Scripts/views/edit_company.html",
data: { pageTitle: 'Edit Company'},
controller: "EditCompanyController",
resolve: {
deps: [
'$ocLazyLoad', function ($ocLazyLoad) {
return $ocLazyLoad.load([
{
name: 'MetronicApp',
insertBefore: '#ng_load_plugins_before', // load the above css files before '#ng_load_plugins_before'
files: [
'../Scripts/js/controllers/EditCompanyController.js'
]
}
]);
}
]
}
})
//controller
"use strict";
MetronicApp.controller('EditCompanyController', ['$rootScope', '$scope', 'settings', function ($rootScope, $scope, settings) {
$scope.$on('$viewContentLoaded', function () {
//alert($state.current.data.pageTitle);
// initialize core components
Metronic.initAjax();
// set default layout mode;
$rootScope.settings.layout.pageBodySolid = false;
$rootScope.settings.layout.pageSidebarClosed = false;
});
}]);
Thank you!
Hi ,
if you need any further clarifications please let us know.
To stay updated please follow us on http://twitter.com/keenthemes
Thanks.
Hello, do you have any documentation/links on how people implement this template in a real world environment? We are looking to keep the template code static and build custom .js/.css around it… I would imagine someone has already implemented this or there is some type of documentation?
Hi ,
Thanks for your feedback. Our documentation covers only the theme related questions(theme structure, used plugins, code, changelog, etc). However you can use Metronic’s HTML template with any server side languages. Your custom CSS you can put in custom.css file and you can any custom js scripts to your project.
Basically to utilize the metronic in your custom system you will need some experience in end to end web development since this theme is not for non-developer users. Metronic is basically an HTML theme(built with HTML, javascript and css) without actual functionality(the database integration and application business model). The actual implementation is responsibility of buyer. Basically any web applications/systems 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. For more info you can check our FAQ here: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469/supportTo stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes
Thanks.
Hello, I use this theme and I inserted several script in a page. Problem, there is a confit and they do not work. How to solve this. Note that I am not an expert!
<script> jQuery(document).ready(function() { // initiate layout and plugins Metronic.init(); // init metronic core components Layout.init(); // init current layout Demo.init(); // init demo features FormWizard.init(); ComponentsFormTools.init(); ComponentsjQueryUISliders.init(); ComponentsEditors.init(); }); </script>
Hi ,
Below demo scripts refer to certain plugins so all the required plugins must be included in your page. But ideally you should create your own script and reuse only functions from the below scripts(since the original demo scripts have alot of demos so you will need to include all the required plugins at once):
FormWizard.init(); ComponentsFormTools.init(); ComponentsjQueryUISliders.init(); ComponentsEditors.init();
For example from ComponentsFormTools you use one demo 1 and demo 2. So you just need to copy those functions and put in your own script. Thus you can keep your own plugin initialization functions in your own script(e.g: Custom.js).
If you need any further clarification please contact our support at support@keenthemes.com
To stay updated please follow us on http://twitter.com/keenthemes
Thanks.
When you using sidebar menu dynamic with angular services $scope.$on(’$includeContentLoaded’ dont work true.
when click the any menu menu dropdown open and right away closed.
I resolve problem with debug. I change with $scope.$on(”$viewContentLoaded” and problem resolved.
Hi ,
Thanks for sharing this. We will check it further and consider integrating your approach in the next update.
To stay updated please follow us on http://twitter.com/keenthemes
Thanks.
Hi , i used metronic one page theme for my website, unfortunately it got hacked by a hacker kingos.007, when i talk to my hosting service provider they had said that site got hacked because of the use of scripts and plugins on the site, i just want to know is there is issues with your scripts that a hacker can use to hack the whole site.
regards
Hi,
What version are you using ? Please try to remove assets/plugins/jquery-file-upload plugin’s ‘server’ folder as this folder contains some demo php scripts that require further security tuning as described in the plugin’s official documentation. If you are not using this plugin you can just remove it. For more info please contact our support(support@keenthemes.com) and we will provide you any further assistance asap.
Thanks.
I have issue with Image Upload #2 at UI Components > Form Widgets & Tools:
- How do I get full path of image. I found base64 value only.
- I use JQuery for reseting src attribute of img tag, but Remove Button still available
Regards,
T.
Hi ,
To stay updated please follow us on http://twitter.com/keenthemes
Thanks.
This item was featured on ThemeForest
Power Elite Author
Contact the Envato Market Help Team
