Flyout menu not working

Developer Support CMS Development
1

Hello,

I am trying to make a dropdown menu but it seems I am not getting it right, I don’t know why

Here is the layout

27352i85FFC922F5C564F8.png
27352i85FFC922F5C564F8.png999×606 45 KB

Here are the module settings

27353i19143BAC3ED71CC9.png
27353i19143BAC3ED71CC9.png305×581 22.7 KB

Then, Its displayed like this:

27354iF5C2F6C06CB4B2A3.png
27354iF5C2F6C06CB4B2A3.png642×259 16.6 KB

No flyout :disappointed_face:

Thanks you for your answers

2

Hey @Josue

If you’ve got a live demo we can troubleshoot we should be able to sniff out the issue rather easily.

Based on the last screenshot I might speculate that you’re missing some CSS

3

No

Thanks :slightly_smiling_face:

4

Hey @Josue

Yep at a glance it looks like there is no styling inplace for the menu which could be your issue. I can also see there are 2 events bound to the menu items, focus and mouseout. You may be missing the mouseover event but that just speculation.

I would get your JS working and tested.

Then style your menu using the resource that @Anton provided in this answer.

5

Then the Flyout option, what exactly it does? I tought it makes the menu a dropdown, so it does nothing? I need to make the dropdown with js? Styling is not important if flyout makes it functional for now, but it doesn’t right? Documentation is not really specific.

6

Which documentation are you working from?

7

Also this is the tooltip in the module:

27411i9C2B32F0077D9298.png
27411i9C2B32F0077D9298.png260×182 11.8 KB

8

I generated the dropdown myself, I guess Flyout really does nothing. Thanks all.