Hello Support Team,
I am currently trying to use the scroll feature of the context menu.
However, I find that the visibility of the context menu’s scroll arrows is too low.
When hovering the mouse over them, the color changes only slightly, which makes them hardly noticeable.
Would it be possible to make the color change more prominent so that the arrows stand out better?
Please see the attached screenshot and the Dojo example.
In addition, I believe the arrows are not very intuitive in terms of functionality.
It would be helpful if they could indicate more clearly whether there are additional items above or below.
Could you improve this feature?
Thanks!
Hi Omti,
Thank you for confirming your interest in improving the scroll arrow visibility and indication in the Kendo UI for jQuery context menu. I converted the current thread to a public feature request where the other users could vote for the item.
At this moment, I cannot provide a specific timeline for when this feature will be implemented. Feature requests are reviewed and prioritized based on demand, technical feasibility, and alignment with the product roadmap.
You can track its progress through the public feedback portal, where updates and planned releases are communicated.
I remain at your disposal should you have any questions.
Regards,
Neli
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.
Yes, I would appreciate that.
Additionally, I would like to know when this feature might be implemented if it is requested.
Thanks!
Hi Omti,
As the scenario is described in detail in the current thread, I would like to convert it to a Feature request. As the thread will become publicly visible, could you please confirm that this is acceptable for you?
Looking forward to your reply.
Regards,
Neli
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.
Thank you for your response.
As I mentioned earlier, I believe the functionality of the arrows is not very intuitive.
It would be great if the arrows could indicate whether there are additional items above or below in the context menu.
Could you review the possibility of improving this feature?
Thanks!
Hello Omti,
You can change the color of the arrow icons when scrolling using the following selector: .k-button-icon:hover. Below is an example:
.k-button-icon:hover {
background: pink;
}
However, using the style above, the color will be changed only when the user hovers over the arrow icon.
To change the color when the user hovers over the entire scroll button, I would suggest using JavaScript. You can use the '.k-menu-scroll-button' class and handle the jQuery mouseenter and mouseleave events to change the styling of the needed elements as demonstrated below:
activate: function (e) {
setTimeout(function () {
$(".k-menu-scroll-button").on("mouseenter", function () {
$(this).find(".k-icon").css("color", "red");
});
$(".k-menu-scroll-button").on("mouseleave", function () {
$(this).find(".k-icon").css("color", "initial");
});
}, 200);
},
The above is demonstrated in the Dojo linked here - https://dojo.telerik.com/sufDFFQU.
Please review the provided suggestion and let me know in case you have any additional questions on the matter.
Regards,
Neli
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.