Last Updated: 22 Apr 2022 11:33 by ADMIN
Created on: 20 Apr 2022 11:41
Category: ColorPicker
Type: Feature Request
Allow specifying colorpicker popup alignment
Currently it  is designed to open right only and left is possible only if using RTL config (but this affects text and everything else aswell).

Opening to the right is fine as long as your color picker isn't on the right side of the screen.

        const horizontalAlign = this.direction === "rtl" ? "right" : "left";
        const anchorPosition = <Align>{ horizontal: horizontalAlign, vertical: "bottom" };
        const popupPosition = <Align>{ horizontal: horizontalAlign, vertical: "top" };

        this.popupRef = this.popupService.open({
            anchor: this.activeColor,
            animate: this.popupSettings.animate,
            appendTo: this.popupSettings.appendTo,
            popupAlign: popupPosition,
            anchorAlign: anchorPosition,
            popupClass: 'k-colorpicker-popup',
            content: this.popupTemplate,
            positionMode: 'absolute'

1 comment
Dimiter Madjarov
Posted on: 22 Apr 2022 11:33

Hello Mauro,

Thank you for the suggestion. Indeed this will be a useful addition to the popupSettings of the ColorPicker component.

We will track the demand for the request among other customers.

Dimiter Madjarov
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.