Discussion on Metronic | Bootstrap HTML, VueJS, React, Angular, Asp.Net, Django & Laravel Admin Dashboard Theme

Discussion on Metronic | Bootstrap HTML, VueJS, React, Angular, Asp.Net, Django & Laravel Admin Dashboard Theme

Cart 102,467 sales
Recently Updated
Well Documented

keenthemes supports this item

Supported

This author's response time can be up to 1 business day.

327 comments found.

hi, i have a question. how can i activate each link on sidebar with jquery ? Any help would be appreciated

Thanks

Hi :),

Could you please give us more details and what did you mean by activate ?

There is a ajax sidebar menu layout – http://keenthemes.com/preview/metronic_admin/layout_ajax.html. Isn’t what you were looking for ?

Thanks/

you now the class theat activate with red the the left sidebar? i use codeigniter and im not so god with jquery, i want in some way to add theat class on click.ex :i click on ui so ui have class active and is red. sorry about my english :(

Hi :),

The active links in the menu should be handled in the server side when you generate your pages. You will need to split the header, sidebar, content and footer parts. The header, sidebar menu and footer will be repeated for each page. So in the header script you can set the active menu using ”active” class based on which menu link is clicked(for each page’s url you need to put page id so you can set the active link). Basically in your case you should not use jquery to set the active link. Please check out the template pages and find out how the active menu set for each page so will be able to include that rule in your sidebar script.

Please let me know if you need any further clarifications.

Thanks.

Hello there Is it an active part of ckeditor image upload ? Can you be active not active ?

hello, i’m using metronic them in my laravel app but when i open one of my sub menus , that sub menu doesn’t get kt-menu__item-active and kt-menu__item-open kt-menu__item—here classes , what’s the problem?

Hi,

The menu active states must be handled in php code. Based on an active page you should set related menu link active in your PHP code. The menu active states are handled in server side while generating the page.

Regards, Sean

Hi, I know whats your support policy , i wants only some help , Ok please tell me i should only add this classes to sub-menus when page loads or i should another classes? kt-menu__item-active and kt-menu__item-open kt-menu__item—here

I found the solution here thanks :https://quickadminpanel.com/blog/laravel-how-to-make-menu-item-active-by-urlroute/

Hi,

Yes, you can just go to any inner page and check the active menu link’s classes. By adding kt-menu__item-active and kt-menu__item-open kt-menu__item—here classes you can set the active menu link and submenu as well.

Yes, if https://quickadminpanel.com/blog/laravel-how-to-make-menu-item-active-by-urlroute/ helps setting the active classes then you can try to use it.

Regards, Seam

Hi, How can i activate a page by url of Content Loading via Ajax layout? Suppose i want to activate ajax link sample3 page under ajax submenu 2 by url. How can i do that?

Thanks

Hi there,

As i understood, by default you want to active a different ajax link. To do so, first you will need to assign ID into the link you want to active and use below javascript code to activate the ajax content on page load:

HTML code of the sidebar menu’s link:
<a class="ajaxify" href="layout_ajax_content_3.html" id="my_ajax_content">
    Ajax Link Sample 2                    
</a>
JS code to active the link by ID:
jQuery(document).ready(function() {    
     App.init(); 
     $('#my_ajax_link').click(); // load the content for the dashboard page.
});

Thanks.

Hi, can you try please to fix the monster lag on http://www.keenthemes.com/preview/metronic_admin/form_component.html on Multiple Select >> Searchable ? In default and group is almost ok but in searchable the computer process go to the max :/

Another question: is possible add a feature to add a css for activated menu? ex: if I use a menu with 3 levels if I click in a link on the third level the page load but the menu stay opened and the item that I access (menu) change the background color (activated)?

Hi :),

Thanks for highlighting this issue. We will definitely check it further and fix it by the next update.

Please note, the menu active states are set in the html code using ”active” class. If you use multilevel menu on the sidebar you should handle the active states in your server side script(when you generate your page) by adding ”active” class in the html code for each menu level.

Please let me know if you need any further assistance.

Thanks.

Hi!

In metronic 5.0.4 when I set the active class to a menu item in the sidebar, this a few seconds later reload and clear my active class.

How can I set the active class to an item in this version of Metronic?

Hi :),

Setting the active state for menu items should be done in your sever side code. When you click and menu link and load a page the menu link’s code should be set active using specific class in the HTML code. This should be done in your server side code. Please check the HTML code and find out what classes should be added in your to set a menu link actve. Metronic itself is not an complete application since its just an HTML theme that requires further integration with your server side.

Thanks.

Hello,

How do I add automatic active class to li when I selected the sidebar menu? Your template using active class manually.

Please help.

Thank you.

Hi :),

Do you want to load the content via ajax ? If yes you can check http://keenthemes.com/preview/metronic_admin/layout_ajax.html.

If you are not loading the content via ajax then may i know your purpose activating the sidebar menu links automatically ? By right when you click any link in the sidebar menu you will be redirected to the clicked link’s URL and the menu should be generated by your server side script according(by setting active class in the html code) to your current page.

Thanks.

Hi,

First of all: well done on this amazing theme. It looks really impressing!

I’ve got a question about the sidebar menu on the left side. How can I add the ’active’ class to a menu item as soon as the item is active? So, for example, the ‘home’ item (index.php) should get the active class when the loaded page is index.php.

Does Metronic support this?

Thanks!

Jelle

Hi Jelle :),

Thanks for the comment.

Please note, the menu links active state should be handled in server side(in your php script) based on the page’s URL. Let’s say you have a script called sidebar.php which you use to generate the sidebar menu for all of your pages(using php’s include function). So you have one centralized code to handle the sidebar menu. In sidebar.php you will need to generate the sidebar menu HTML code based on your current active page(you can pass your page ID via URL).

Please let me know if you need any further clarification.

Thanks.

Hi, Thank you for this FANTASTIC template !!!

I’d like to highlight the sidebar selection when I click on the menu button. Now I can load the right page but the button background does not change. the first menu item always remain with red backgroung …

Can you help me, please :-)

Thank you, Stefano

Hi folco75 :),

Many thanks for the comments.

Please note, when you change the active menu link, you should remove ”active” class from it parent LI element. Instead add the active class to the new active menu link. I would suggest you to check the sidebar menu HTML code on every sample page and you can learn how to work with sidebar menu.

Please let me know if you need further assistance.

Thanks.

Hi, I’m using HTML version and I love this theme. Despite that I am having a hard time trying to ”activate” menu-item on the aside menu when we click on a specific link option.

Should’t it only be necessary to import the initialize.js file so it can handle this for us? Could you please point me in the right direction?

Thank you very much.

Hi,

Sorry for the late reply.

The menu active states must be handled in server side when you generate the page you can activate required menu link and it’s parents following the Metronic’s menu markup. If you use JS for that users may notice the delay until page fully loads and activates the menu links:

https://imgur.com/fVMBCYK

For more info please contact our support via support@keenthemescom

Regards, Sean

Hi,

For this page, http://www.keenthemes.com/preview/metronic_frontend/page_faq.html

The tab content keeps switching. Initially when the page loads, it shows first panel on right side in red color (tab3 content).

And when i click on another tab, and then click back on first tab (General Questions tab), then the first panel is in grey color (tab 1 content).

Wanted to check if there was any change required in any of the scripts, to consistently show tab1 content for the first tab on left when page loads and also when clicked on another tab, and then click back on tab1 a(for e.g General Questions tab here).

Thanks

Hi :),

Please note that by default tab3 is active. But the “General Questions” is linkted to tab1. So you just need to make tab1 active by default by adding ”active” class as shown below:

<div id="tab_1" class="tab-pane active">
....
</div>

And remove ”active” class from tab3.

Please let me know if you need any further assistance.

Thanks.

Hi, It looks to be a very nice theme, worth testing, however i have a question: http://www.keenthemes.com/preview/metronic/theme/templates/frontend/page-careers.html the form appears not to be working? or would i to do something else to have it activated?

Hi :),

Thanks for your feedback.

The forms in the theme should be activated using server side languages such as php, ruby, .net, python, ect. Since Metronic is an HTML theme the server side part is responsibility of buyers. For more info please check: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469/support

If you need more info please let us know.

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

Thanks.

thx for the quick reply, i have today purchased the perfect theme after testing it, however with “should be activated ” is it something i can comment out to have it activated? or physically i need to introduce php files and bit of coding to have the form feature activated?

I get item’s breadcrumbs of actived ,ID is ”#kt_aside_menu’”, but the error is as follows: -> $(’#kt_aside_menu’) ;// active item :kt-menu__item#kt_aside_menu -> w.fn.init [div#kt_aside_menu.kt-aside-menu] > menu.getBreadcrumbs($(’#aside-menuactived’)[0]);//but has error : -> scripts.bundle.js:810 Uncaught TypeError: Cannot read property ‘innerHTML’ of undefined at Object.getBreadcrumbs (scripts.bundle.js:810) at KTMenu.a.getBreadcrumbs (scripts.bundle.js:848) at <anonymous>:1:6 getBreadcrumbs @ scripts.bundle.js:810 KTMenu.a.getBreadcrumbs @ scripts.bundle.js:848 (anonymous) @ VM245496:1

Hi again,

I am trying to get the menu working with the Metronic template. My understanding is that there is some kind of JavaScript involved.

I had attempted to resolve the issue by looking at input from Stackoverflow.com https://stackoverflow.com/questions/48078606/javascript-code-for-bootstrap-sidebar-menu-not-working/48078723?noredirect=1#48078723

Do you have some kind of documentation that would give someone a hint on how to resolve this problem?

TIA

Hi,

Could you please let us know the issue ? What are you trying to do ? Yes, the menu component is handled with a jquery plugin but the above code does not work with the Metronic menu at all. If you want to set current menu item as active then you should do it with your server side code by setting required class and addon elements to set the active menu link for current page. To see the active menu item markup please browse the demo and refer to the inner pages where the submenu links are set active.

Thanks.

Hi :),

I absolutely LOVE this theme! I do have one question/concern regarding the angularjs version (at least in the admin 1 theme). When I try to use the horizontal menu option in angularjs, the horizontal menu links do not show active state. This only happens when the page doesn’t have a corresponding link in the sidebar. The sidebar links active states work perfectly fine and automatically update when I change the view as they should. I have looked all over and suspect that the problem has something to do with the layout.js where sidebar link active states are handled but horizontal active states are not. I’ve tried to make it work but can’t quite figure it out. How would I solve this problem?

Thanks in advance!

Hi,

i have a problem with main menu. I have explored handleMainMenu and I can see that there is event handler for ’.page-sidebar .has-sub > a’ but it would be nice to have event handler for .page-sidebar without .has-sub class that automatically adds .active class on clicked menu item.

I can see that .active class is added manually at the moment.

Can you help me with this?

Thanks, Darko

Hi dmijic,

Thanks for your feedback.

Please note, ”.active” class is set in server side while menu is generated.

In the main time, could you please clarify the requirement before we give you further advice. You want to set the menu item active on click ? What else action performed on menu click ? Or you are loading the page via ajax ?

Thanks.

I need a proper way to select a specific item on horizontal timeline programmatically. Is it possible?

Hi :),

Could you please clarify your question ? What do you mean by “select a specific item” Do you need to navigate(activate) to a specific item in the timeline ?

Thanks.

Yep, precisely. I need to select and activate a specific item in the timeline on a corresponding event.

Hi,

Seems at the moment this plugin does not allow default selected timeline item and also does not provide any API method to activate it with custom code. We will check it further and try to find a workaround if possible. If you need this urgently please email our support at support@keenthemes.com with a reminder and we will get back to you asap.

Thanks.

Hello,

Great dashboard template.

I am having problem with wizard. Whenever I refresh or reload the page containing wizard, the tab goes back to tab-1. I want the tab to stay on last tab (say 4 of 4, if I have 4 tabs) or any tab that I want to be active, when I refresh or reload the page. Could anyone suggest how I can do this?

Thanks in anticipation.

Hi :),

You just need to set it via ”active” as shown below:

1) Apply ”active” class to a wizard tab:

<li class="active">
    <a href="#tab4" data-toggle="tab" class="step">
        <span class="number">4 </span>
        <span class="desc">    <i class="fa fa-check"></i> Confirm  </span>
    </a>
</li>

2) Apply ”active” class to a tab content:

<div class="tab-pane active" id="tab4">
...
</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.

Hey Guys! The checkboxes seem to be very flaky and a pain to work with.

If I have a simple checkbox like this:

<label class=”col-md-3 control-label”>Roles</label> <input type=”checkbox” class=”userrole” data-id=”Active” value=”true”>Active

Firstly, clicking the checkbox causes it to bounce around when it goes into the active state.

Secondly, $.uniform.update() doesn’t quite update the value on the checkbox. I’ve even tried doing something more explicit like $.uniform.update(“[data-id=Active”); but that didn’t help.

I have a helper for data binding that tries to retrieve the value of the checkbox. The state never updates. If I start at true, it’s always true.

Even when I try this in the debugger, I can’t get the state to update.

What am I doing wrong here? Sadly, is one of the most annoying feature of the template. Thanks!

Hi :),

There should not be any issue with the uniform checkboxes. Please try to correct your code as shown below:

$.uniform.update("[data-id='Active']"); // closing ] was missed

To set the checkbox checked you should use “checked” attribute as shown below:

<input type=”checkbox” class=”userrole” data-id=”Active” value=”true” checked>
Also you can check the unfirom checkboxes here: http://keenthemes.com/preview/metronic/theme/templates/admin/form_controls.html and let us know if you encountered any issue in the demo as well. For more info you can check the uniformjs documentation here: http://uniformjs.com/

If you need any further assistance please let us know.

Thanks.

Hello,

Is it possible to save menu open/close state when user navigates to another page?

Do you guys planning to implement this?

Hi :),

That should be handled in the sever side based on current active page. Basically based on current active page ID or URL you sever side script should generate the sidebar menu and set the active menu link by adding ”active” and “open” css classes to particular menu nodes. You can browser inner page templates and learn the sidebar menu structure and apply the rule to set active menu links.

If you need any further clarifications please let us know.

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