Set initial window position with AngularJS

[Chai]

I have a problem setting the initial window position.  Here's my markup. 

<span>
    <img id="helpIcon" src="../../../Content/images/q-mark-green-sm.png" class="{{ iconclass }}" ng-click="helpWindow.open()" alt="Help"/>
    <span id="helpWindow" class="{{dialogclass}}" kendo-window="helpWindow" k-position-left="400" k-position-top="20"
          k-title="'{{ helptitle }}'" k-on-open="helpWindowvisible = true" k-on-close="helpWindowvisible = false" style="display: none">
        {{ helptext }}
    </span>
</span>

Any help would be appreciated.

Thanks,
Chai

[Alex Gyoshev]

Hello Chai,

The proper syntax is k-position="{ top: 100, left: 300 }". Here is a Dojo snippet that shows it.

Regards,
Alex Gyoshev
Telerik

 

 

[Greg]

Is the following syntax supported?

{ top: auto, left: auto, bottom: 20, right: 20 }

It doesn't appear to work.  How would you do this?

[Alex Gyoshev]

Hello Greg,

I am afraid that this format is not supported, as the window uses absolute positioning and the value 'auto' does not work in that case. To make a window centered horizontally and spanning vertically, you need to calculate its size and position and set them accordingly.

Regards,
Alex Gyoshev
Telerik by Progress

 

 

[Danilo]

Hi Alex.

This is working in angularjs.

<div kendo-window="kwCompare" k-title="'Test'" k-draggable="false" k-modal="false" k-resizable="false" k-auto-focus="true" k-visible="false" ng-cloak>

$scope.kwCompare.center().open();

And the same open command in JQuery.

$("#kwCompare").data("kendoWindow").center().open();

Regards, Danilo