12220 comments found.
Hi,
I face issues when moving from metronic 2.3 to metronic 3. In metronic 2.3, I was able to trigger an event handler when I close a popup provided by your theme. However, using the same method, the event handler was not getting called. Is there a way on triggering an event handler when I close a popup?
I am using Backbone.js as a part of my implementation. So, my code will be like the following:
events: {
“hide #responsive”: “popupclosehandler”
}
popupclosehandler: function() {
//event handler code
}
And my html looks like the following:
<div class="modal fade" id="responsive" tabindex="-1" role="basic" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
</div>
<div class="”modal-body”">
</div>
<div class="”modal-footer”">
</div>
</div>
</div>
</div>
Hi 
,
You should refer to the bootstrap modal’s latest API here: getbootstrap.com/javascript/#modals
Since bootstrap3.x you should use below code:
$('#myModal').on('hidden.bs.modal', function (e) {
// do something...
})
I hope the above info will be helpful.
To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes 
Thanks.
worked.. thanks so much
You are welcome!
Hi, I am using fixed slimscroll sidebar from metronic-3 for my application.
It works fabulously in static html page. But I am rendering the sidebar with backbone code. So the sidebar doesn’t initialize when I add it dynamically though the JS code.
I tried calling Metronic.runResizeHandlers() function from the code, after the sidebar is added. But it doesn’t work.
Also, tried calling jQuery.slimScroll() function. Even this doesn’t work.
Any idea about how can I render the fixed sidebar with slimscroll dynamically? Thanks in advance.
Hi ,
The fixed sidebar is initialized in handleFixedSidebar private function in assets/admin/layout/scripts/layout.js. You can call this private function through a public function as shown below.
1) Add a public function in layout.js(append to the return clause):
return {
initFixedSidebar: function() {
handleFixedSidebar();
}
}
2) Call it:
Layout.initFixedSidebar();
I hope the above info will be helpful.
To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes
Thanks.
that indeed worked… thanks a ton 
Great! Glad to help you out
$("#AttendanceException").attr("checked", true);
$.uniform.update("#AttendanceException");
<div class="form-group">
<label class="control-label col-md-3">Text</label>
<div class="col-md-9">
<input type="checkbox" id="AttendanceException" class="make-switch" data-on-label="Yes" data-off-label="No">
</div>
</div>
Hi ,
Since you are using the bootstrap switch plugin you should call below code:
$("#AttendanceException").bootstrapSwitch('state', true);
For more info you can check the plugin’s official doc here:
http://www.bootstrap-switch.org/documentation-3.html
To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes
Thanks.
it didn’t work.
Hi,
Please debug your page for JS errors using chrome’s dev tools or firefox’s firebug tools to debug your pages for JS errors. For more info on debugging pages please refer below:
https://developer.mozilla.org/en/docs/Debugging_JavaScript https://developers.google.com/chrome-developer-tools/docs/javascript-debuggingIf you need any further assistance please email us a link to your developing site so we can inspect your code inline and advise you further.
Thanks.
Hello,
i am facing a problem with modal windows, can i use native bootstrap modal on this theme, if yes how? Problem 1: When i click submit button to submit a form, modal closes, i want it to stay open, how can i do that? Problem 2: Modal loads the same content if loaded more than once
Thanks for the nice work
Hi ,
To learn how to submit ajax form in modal you can check below tutorial:
http://www.krizna.com/jquery/jquery-ajax-form-submit-using-twitter-bootstrap-modal/To reload the modal’s content you should use below code:
$('#my_modal').on('hidden.bs.modal', function (e) {
$(e.target).removeData('bs.modal');
});
Ref: http://stackoverflow.com/questions/12449890/reload-content-in-modal-twitter-bootstrap
I hope the above info will be helpful.
To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes
Thanks.
thanks for replying, where do i add these line of code? can i use native bootstrap modal?
problem solved, i managed to use native bootstrap file
Great. Good luck with your project!
Hi,
I am using horizontal menu for my entire application. How can i make the horizontal menu to responsive. Now i need to enalbe sibebar menus to achieve the responsive. This is very difficult to manage two menus in a app.
Please help to make the horizintal menu to responsive like the sidebar responsive menu.
Hi ,
Thanks for your feedback. In the main time you will need to have a separate code for the responsive menu. But we will check this further and enhance it in a future releases.
To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes
Thanks.
Hi, Zend Framework 2 use hidden_element on checkboxes by default, which results that whether the checkbox is clicked or not, you got a value for the checkbox when posting. This is very useful as you don’t have to check if the posted value is set before storing to db. But this hidden_element causes a problem on IE: the checkbox is not clickable, even when using $(‘input[type=checkbox]’).uniform();
Do you have a workaround? Regards Andrea
Hi,
I tested this case and it seems working fine even in IE. I used below code:
<input type="hidden" value="1" name="test"/> <input type="checkbox" value="2" name="test"/>
And no issue encountered
Could you please double check your generated HTML code. If you need any further assistance please provide us a link to your developing site so we can check your code and advise you further.
To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes
Thanks.
I’m having an issue with fancybox and mobile devices. The lightbox opens with the dark overlay and you cannot interact with anything on the lightbox. Any taps will just close it. Did a test site and fancybox works fine on its own without using Metronic. Thanks.
Hi ,
Thanks for your feedback. We will include the fix in the next update very soon. In the main time as a quick fix you can add below code in custom.css:
/***
Fancy box fix overlay fix
***/
.fancybox-overlay {
z-index: 100000 ;
}
.fancybox-opened {
z-index: 100001;
}
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.
Found a bug on the new release 3.1.2, In the Dashboard, on the Task portlets, the action button dropdown get cut if viewing the last task, i think it may be an issue of z-index or position.
Hi ,
Thanks for your feedback.
This is due to slimscroll plugin’s container(which set oveflow: hidden). As a workaround you can set the last dropdown menu as “dropup” menu which opens to the top:
<div class="btn-group dropup open"> </div>
Thanks.
Hello! First, I like your hatrd work on fluent updates-thank you.
I skipped the to last updates , and only loaded today the version 3.12.
Now: I see that you have a new structure of folders?
Former it was like /assets/plugins and NOW its this : assets/admin(or frontend or global)/....
Is that new? At this time I work only with the Admin template – do I need then everything from “globa”l and everything from “admin” ?
And the “media” is new too?
I wonder how I best manage the updates, do I have to fix any change of name in .js scripts (Names changing by versionnumber..)
So I cant just overwrite in my assets folder on server….???
Seems I have to update very link in on my site by hand?
Thanks for help and understanding!
Hi ,
Yes, since v3.x we have changed the file structure to support multi design layouts. The “globals” folder is mandatory for each sub theme(admin or frontned) so you will need to keep it. The frontend theme assets are optional and you can exclude it if you are not using the frontend sub themes.
The “media” folder is purposed to contain content related media assets(photos, videos, flash, etc).
To update to the latest v3.1.2 easiest way is to integrate the theme from scratch rather than merging all the files one by one or updating individual files line by line.
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.
When I migrate to an updated version is there a process to follow without losing any new pages
Hi ,
If your current version is earlier than v3.x then to then you will need to reintegrate the theme from scratch(full update). This would be easier than merging the changes per file or line.
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 trying to detect a change of state of a switch (checkbox) when clicked using jQuery. Normally I would listen for a .click on the element and then check if it is checked or not to determine what to do, but when it is a switch I can’t do that. I have managed to do it by detecting a click on the enclosing div and checking what class it has set but wondered if there is a better way working with the checkbox direct.
-Edit- Great theme, by the way!
Hi ,
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 the rounded Form Inputs & buttons. Perfect timing also. I needed an easy way of doing this.
Glad to hear that. Hope you will enjoy with the new update!
Of course. By the look of things, everybody likes the way you keep in touch with the latest trends. (Bootstrap,jQuery etc) Keep it up.
Sure thing. Thanks
Where can I find examples of use METRONIC with PHP?
Hi ,
Metronic is an HTML theme and it does not include the PHP or other language examples. Bu right you should implement it yourself according to your project requirements.
If you need any further clarifications please let us know.
Thanks.
Hi,
I have an issue, and I will be glad if you will help me.
When I try to use bootbox, and also on the same page I have the bootstrap-modal-bs3patch.css, the bootbox does not look good. When I take this file out, the bootbox looks good, but then the modal is not looking good.
Thanks
I am not sure if this is the right way, but I added the following fix into my style. it somehow resolved my problem, but still not as in the file. .bootbox { width: auto; margin-left: -250px; background-color: transparent; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
Hi,
Please note that Bootbox plugin has conflict with bootstrap modal plugin. In the main time you can just use the native bootstrap modals getbootstrap.com/javascript/#modals instead of the bootstrap modal plugin(remove bootstrap-modal-bs3patch.css).
Thanks.
Hello, I have a question. Is there somewhere documentation about using classes responsible for the background colors (blue-steel, purple-wisteria, red-sunglo etc.)? Thanks.
Hi ,
You can check http://keenthemes.com/preview/metronic/templates/admin/ui_colors.html page and refer the samples and inspect the code to learn how to use the color classes with supported components.
Please note, each color tab(blue, green, red, etc) has sub color tabls under the selected tab content.
Thanks.
Hello! Is there a way to make the backgroud images responsive in the one page parallax theme? I mean the backgroud images in the message-block and the facts-block. Thank you!
Hi ,
Those images are responsive in real mobile devices. You should check it in real mobile device(not in desktop by resizing browser window).
You can check it using the direct link to the one page theme: www.keenthemes.com/preview/metronic/templates/frontend/onepage-index.html
If you need any further clarifications please let us know.
Thanks.
Hi,
I’m trying to add 2 full-height portlets. The portlets heigth work perfectly only the scroller doesn’t work on the second portlet. Am I the only one that has this problem?
Thanks, Jan
Hi ,
Can we check your developing page somewhere online ? We will need to check your actual code in action in order to advise you further. For further support you can contact our support via support@keenthemes.com.
To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes
Thanks.
Any chance to integrate Morris charts in the next update?
Hi ,
We will consider it in a future release. But if you need it urgently you can just include the plugin and use it following the official documentation here: https://github.com/morrisjs/morris.js/ since the plugin does not require major customization in order to use it within the theme.
To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes
Thanks.
hi, is there a wysiwyg editor for forms?
Thanks!
Hi ,
Yes, you can check available wysiwyg editors here http://www.keenthemes.com/preview/metronic/templates/admin/components_editors.html and http://www.keenthemes.com/preview/metronic/templates/admin/components_form_tools.html.
To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes
Thanks.
Any news about the gantt chart setup…
Hi ,
We will look at it as soon as possible once we release all the earlier planned features first.
To stay updated on Metronic’s new releases please follow us on http://twitter.com/keenthemes
Thanks.
Do you have an estimated time frame for the gantt setup?
Hi ,
Sorry, we can’t give you individual timeline on this feature. But if you need this feature urgently then you can considering using some jquery gant pluigns available as open source. You can check this one http://taitems.github.io/jQuery.Gantt/ and use following the plugin’s documentation.
Thanks.
This item was featured on ThemeForest
Power Elite Author
Contact the Envato Market Help Team
