sidepar-panel

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • January 12, 2025 at 11:29 pm #10045521
    abdullah
    Participant

    when the sidebar pnael lefst is collapsed and i hover with the mouse, the sidebar panel should be automatically uncollapse, so i can see the navigation

    https://drive.google.com/file/d/1E-fZ30hEQzYEpSIY2zE6nziR5-IcK0l8/view?usp=sharing

    <html id="ToggleMode" class="left-sidebar-panel sidebar-light">

<aside id="sidebar-left" class="sidebar-left">

@* 	<div class="sidebar-header">
		<div class="sidebar-title">
			iALARMWeb
		</div>
		<div class="sidebar-toggle d-none d-md-block" data-toggle-class="sidebar-left-collapsed" data-target="html" data-fire-event="sidebar-left-toggle">
			<i class="fas fa-bars" aria-label="Toggle sidebar"></i>
		</div>
	</div> *@

	<div class="sidebar-header">
		<div class="sidebar-title">
			iALARMWeb
		</div>
		<div class="sidebar-toggle d-none d-md-block" data-toggle-class="sidebar-left-collapsed" data-target="html" data-fire-event="sidebar-left-toggle">
			<i class="fas fa-bars" aria-label="Toggle sidebar"></i>
		</div>
	</div>

	<div class="nano">
		<div class="nano-content">
			<nav id="menu" class="nav-main" role="navigation">
				<ul class="nav nav-main">
					<li @Html.Raw(@Html.HighlightSelectedItemClass("Dashboard"))>
						<a>
							<i class="bx bx-home-alt" aria-hidden="true"></i>
							<span>Dashboard</span>
						</a>
...
...
    January 13, 2025 at 10:51 pm #10045525
    Support
    Keymaster

    Hello, to do that you need a custom JS:

    $('.sidebar-left').on('mouseenter', function() {
	if($('html').hasClass('sidebar-left-collapsed')) {
		$('html').removeClass('sidebar-left-collapsed');
	}

});
  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)

This topic is marked as "RESOLVED" and can not rceive new replies.