JqxTabs scroll arrow mouse event

[jqwidgetsdevParticipant]

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

[jqwidgetsdevParticipant]

A similar question for JqxSplitter.

[svetoslav_borislavovParticipant]

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/

[Author]

Posts