I see an accepted answer so I'm closing this issue but if you have more questions about it feel free to reopen it.
Thanks for the PR @maliming.
I merged the relevant pull request, it will be available in the next version.
Thanks for the enhancement request @imranStem.
Closing the issue. Feel free to re-open, if you have any further questions on this topic.
Hello,
I am going to explain how to do this step by step below.
1-) Create menu.js
and menu.css
in Themes/Lepton/Component/Header
folder.
$(function () {
var menuItems = document.querySelectorAll('li.has-drop');
Array.prototype.forEach.call(menuItems, function (el, i) {
el.querySelector('a').addEventListener("click", function (event) {
if (this.parentNode.classList.contains("has-drop")) {
this.parentNode.classList.add('open'); // The important thing is that you add this class because we will arrange it accordingly on the css side.
} else {
this.parentNode.className = "has-submenu";
this.setAttribute('aria-expanded', "false");
}
event.preventDefault();
return false;
});
});
});
.lp-topmenu .lp-sidebar .lp-sidebar-wrapper nav ul li.open {
background: rgba(0, 0, 0, 0.1);
}
.lp-topmenu .lp-sidebar .lp-sidebar-wrapper nav ul li.open > ul {
display: block !important;
}
.lp-topmenu .lp-sidebar .lp-sidebar-wrapper nav ul li.open .lp-icon {
color: #feba57;
}
.lp-topmenu .lp-sidebar .lp-sidebar-wrapper nav ul li.open a {
color: #000000;
}
2-) Finally, add the following code to the ConfigureServices
method of MyProjectNameWebPublicModule
.
Configure<AbpBundlingOptions>(options =>
{
options.ScriptBundles
.Configure(
StandardBundles.Scripts.Global,
bundleConfig =>
{
bundleConfig.AddFiles("/Themes/Lepton/Components/Header/menu.js");
});
options.StyleBundles
.Configure(
StandardBundles.Styles.Global,
bundleConfig => { bundleConfig.AddFiles("/Themes/Lepton/Components/Header/menu.css");
});
});
Got it, I'm going to add a module to the sample application you provided and try to reproduce the problem.
Can you provide an online website?
Hi again, sorry but I can't reproduce the problem. After running the project, I created a tenant and logged in to the application with that tenant's admin user, then I waited for 10 minutes, but I could not see a problem. Is there something I missed? Please guide me so that I can reproduce the error.
Hello, thanks for your detailed problem description, after some research I saw that you cannot extend the api-definitions
end-point. Because ApplicationConfigurationDto
is not an extensible object.
But I will talk to the team to see if there are other ways you can do this.
References
Closing the issue. Feel free to re-open, if you have any further questions on this topic.
Closing the issue. Feel free to re-open, if you have any further questions on this topic.
Hi, I found another related question.
See: https://support.abp.io/QA/Questions/3267
You can find the workaround suggestion there.