Popup align to the right side of input

[Marcin]

Hello
I have some issues with popup display - it is partially hidden outside of browser (overflow: hidden) when picker is near right edge of site. I would like to set popup to display it to be aligned to right side of input instead of default left.

I would like to achieve similar popup behaviour like with RTL, but without RTL.

Regards
Marcin

[Dimo]

Hi Marcin,

You can tweak the DatePicker's popup position after initializing the widget like this:

var pickerDateViewPopup = $("#datepicker").data("kendoDatePicker").dateView.popup;

pickerDateViewPopup.options.origin = "bottom right";

pickerDateViewPopup.options.position = "top right";

Regards,
Dimo
Telerik

 

 

[Augusto]

How can I accomplish this when using Angular? Thanks.

[Dimo]

Hello Augusto,

Use the kendoWidgetCreated or kendoRendered event and obtain a reference to the DatePicker widget in the handler function. Once you have the DatePicker widget, get its dateView popup and proceed as shown above.

http://docs.telerik.com/kendo-ui/AngularJS/global-events

Regards,
Dimo
Telerik

[Augusto]

            vm.instructionDatePicker = null;
            $scope.$on("kendoWidgetCreated", function (event, widget) {
                if (widget === vm.instructionDatePicker) {
                    widget.dateView.popup.options.origin = "bottom right";
                    widget.dateView.popup.options.position = "top right";
                }
            });

Thanks! Worked great!