Base solution for your next web application
Open Closed

Aside Menu collapsed by default - Hover broken #9747

User avatar
0
schmid_alexander created

Prerequisites

  • What is your product version? API: v9.1.0-rc.1
  • What is your product type (Angular or MVC)? Angular
  • What is product framework type (.net framework or .net core)? .net core

If issue is about UI

  • Which theme are you using? default
  • What are the theme settings? everything default except [ x ] Default minimized aside

Question

I checked out the clean Zero project to verify as well: As soon as the aside menu is collapsed by default and the Accordion submenu toggle is active, the Administration(or any other) submenu doesn't open. The menu stays in state 'Hover/Active' but nothing happens. As a consequence if you change the page to dashboard(doesn't have a submenu) f.e. you can never enter Administration again. So there is no possibility to change the setting and you have to clear the database entry. For the submenu toggle 'Dropdown' the menu opens.

I guess this is a bug or did I oversee some option?

Regards.

Go to accepted answer
7 Answer(s)
  • User Avatar
    0
    musa.demir created

    Hi @schmid_alexander It should be fixed in new version.

  • User Avatar
    0
    schmid_alexander created

    It is now broken with the new hover feature... (v9.3)

    • You can never enable hover -> Angular code:
    <input type="checkbox" name="HoverableAside"
                                   [(ngModel)]="settings.menu.hoverableAside"
                                   [(disabled)]="!settings.menu.hoverableAside">

    Defaulted to false in Backend, so always disabled.

    • Although it defaults to false, it hovers all the time now, cause there is no check whether the setting is enabled or disabled.

    • And when you have Drop-Down as default - but hover disabled, it still opens the aside menu -> no check for hover setting anywhere

  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi @schmid_alexander

    Sorry but I couldn't understand the problem. Could you explain it using screenshots ?

  • User Avatar
    0
    schmid_alexander created

    In other words - Hover Feature is broken: (All screenshots and code are from a clean v9.3)

    • you can never enable/disable the "new hover" feature -> see new Checkbox option under (original code): <input type="checkbox" name="HoverableAside" [(ngModel)]="settings.menu.hoverableAside" [(disabled)]="!settings.menu.hoverableAside"> -> wrong code here: hoverableAside is false as a default Setting in the Backend and so the checkbox(input) is always disabled since this condition validates to disabled = true

    I can never edit the hover checkbox (BUG 1), the checkbox is disabled and hover is false (not checked):

    • next I check default minimzied aside

    • I save, it gets minimized but checkbox is not checked anymore (BUG 2), also hover is DISABLED and FALSE

    • now I hover over side menu and it opens the sidebar (BUG 3) screenshot:

    • in my application I want to only see the Icons on the left with a dropdown menu -> to get this I check sidebar is collapsed by default and NO hover. And the submenu toggle as dropdown: (Settings)

    • but HOVER is always there (BUG 3)

  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi @schmid_alexander

    Thanks, I understand it very well now. I have created an issue, you can follow this

  • User Avatar
    0
    rfrick81 created

    I get a 404 when clickiing the link. Has this been fixed, I'm also seeing the same thing.

  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi @rfrick81,

    Please first add your GitHub user on https://aspnetzero.com/LicenseManagement. Then, you can see the link I have shared above.

Assignee
No one
Labels
None yet