Smart UI Components & Libraries – Grid, Scheduler, Gantt, Kanban for Angular, React, Next.js, Vue, Blazor, JavaScript › Forums › General Discussions › smart-accordion selection-mode=’mouseenter’

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 8, 2023 at 11:29 pm #104173
    jqwidgetsdev
    Participant

    Hi,

    I was looking at smart-accordion for selection-mode='mouseenter' but couldn’t find it.
    Mmenu and tabs have it though.

    How can this behaviour be achieved?

    Thank you.

    January 9, 2023 at 12:20 pm #104181
    svetoslav_borislavov
    Participant

    Hi,

    You can set an event listener that catches the ‘mouseenter’ event of the ‘smart-accordion-item’.
    In the handler get the index of the item and invoke the ‘expand’ method of the ‘smart-accordion’.

    Here is an example: https://codepen.io/svetoslavb04/pen/mdjRoKr

    I hope this helps you!

    Best Regards,
    Svetoslav Borislavov

    Smart UI Team
    https://www.htmlelements.com/

    January 9, 2023 at 7:04 pm #104184
    jqwidgetsdev
    Participant

    Thanks Svetoslav – resolved.

    January 10, 2023 at 6:56 am #104188
    svetoslav_borislavov
    Participant

    Hi,

    Thank you for the feedback!

    If you face any further difficulties, do not hesitate to contact us!

    Best Regards,
    Svetoslav Borislavov

    Smart UI Team
    https://www.htmlelements.com/

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.