jQuery UI Widgets Forums Vue JqxTabs scroll arrow mouse event

This topic contains 2 replies, has 2 voices, and was last updated by  svetoslav_borislavov 1 year, 2 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • JqxTabs scroll arrow mouse event #131013

    jqwidgetsdev
    Participant

    Hi,

    JqxTabs has a property call scrollPosition (sets or gets the position of the scroll arrows)
    I was wondering is there a way to allow a moveover event to act as the click event on the scroll arrows, how?
    So when the mouse moves over the respective scroll arrow that the actual scroll happens (instead of having to click on the arrow)?
    The advantage is then to make the UI more responsive.

    Thanks

    JqxTabs scroll arrow mouse event #131017

    jqwidgetsdev
    Participant

    A similar question for JqxSplitter.

    JqxTabs scroll arrow mouse event #131035

    Hi,

    You can select the arrows when the component mounts and attach event listeners for mouseover and in them manually dispatch mousedown event.
    NOTE THAT THIS IS A WORKAROUND, we support only click scrolling by default

    mounted() {
    Array.from(
    document.querySelectorAll(“.jqx-tabs-arrow-background.jqx-widget-header”)
    ).forEach((arrowWrapper) => {
    arrowWrapper.addEventListener(“mouseover”, (e) =>
    e.currentTarget.dispatchEvent(new Event(“mousedown”))
    );
    });
    }

    Best regards,
    Svetoslav Borislavov

    jQWidgets Team
    https://www.jqwidgets.com/

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.