Hi
its not an urgent request as I implemented that feature already. However, I am not a good prgrammer and I would like to have this feature included by more skilled programmers.
Basically our GUI shows the data table as shown in the attached image. Now you can open quite a lot of floating windows and subwindows to work on the data. See second attachment. As this is sometimes confusing, we allow to dock/undock the windows on the left or right side of the table, depending on the relative position while clicking the dock button.
Kind regards
Alex
Hi Team,
I'd like a way to configure the API so that the overlay which appears during resizing can be turned off.
Thank you!
When opening a Window with modal and preventScroll: true on a page with scroll bars, the scroll position resets every time the window is opened and closed.
This is demonstrated in the Dojo example linked here. In the Dojo, scroll to the bottom and click the button to open the Window, the scroll position will change.
Making the following modifications to the kendo.window.js file maintains the scroll position; would it be possible to add these modifications to a future release?
The code starts around line 912 of kendo.window.js
_stopDocumentScrolling: function () {
var that = this;
var containment = that.containment;
if (containment && !that._isPinned) {
that._storeOverflowRule(containment);
containment.css(OVERFLOW, HIDDEN);
that.wrapper.css({
maxWidth: containment.innerWidth(),
maxHeight: containment.innerHeight()
});
return;
}
var $body = $('body');
that._storeOverflowRule($body);
$body.css(OVERFLOW, HIDDEN);
// LSS: maintain scroll position when opening modal popup window
var $html = $('html'),
scrollTop = $html.scrollTop();
that._storeOverflowRule($html);
$html.css(OVERFLOW, HIDDEN);
// LSS: maintain scroll position when opening modal popup window
$html.add($body).scrollTop(scrollTop);
},
_enableDocumentScrolling: function () {
var that = this;
var containment = that.containment;
if (containment && !that._isPinned) {
that._restoreOverflowRule(containment);
that.wrapper.css({
maxWidth: containment.width,
maxHeight: containment.height
});
return;
}
that._restoreOverflowRule($(document.body));
that._restoreOverflowRule($('html'));
},
_storeOverflowRule: function ($element) {
if (this._isOverflowStored($element)) {
return;
}
var overflowRule = $element.get(0).style.overflow;
if (typeof overflowRule === 'string') {
$element.data(DATADOCOVERFLOWRULE, overflowRule);
// LSS: maintain scroll position when opening modal popup window
$element.data('scrollTop', $element.scrollTop());
}
},
_isOverflowStored: function ($element) {
return typeof $element.data(DATADOCOVERFLOWRULE) === 'string';
},
_restoreOverflowRule: function ($element) {
var overflowRule = $element.data(DATADOCOVERFLOWRULE);
if (overflowRule !== null && overflowRule !== undefined) {
$element.css(OVERFLOW, overflowRule);
$element.removeData(DATADOCOVERFLOWRULE);
// LSS: maintain scroll position when opening modal popup window
var scrollTop = $element.data('scrollTop')
$element.scrollTop(scrollTop)
$element.removeData('scrollTop');
} else {
$element.css(OVERFLOW, '');
}
},
Hello,
The Kendo UI Window features in many widgets as an editable popup and form container - like the Kendo UI Grid and TreeList, the Kendo UI Diagram and it would be great to be able to keep using it and open it elsewhere dynamically as right now this takes no effect.:
window.setOptions({appendTo:
"#someOtherElement"
});
Thank you for voting!
Currently Kendo dialog configuration (https://docs.telerik.com/kendo-ui/api/javascript/ui/dialog) does not provide a built in configuration option to apply class or id to the action buttons. This feature will enable the end user to style the buttons (e.g. add action button background color) in accordance with their preference.
I am loading content into the window asynchronously and would like to see an event that I can subscribe to that would fire when this content has finished loading.
add sure/cancel button on the bottom(default) of Kendo window component
Currently kendoWindow class publishes a "minimize" event but not the corresponding "restore" event, as far as I can tell. We need to catch the "restore" for our UI case, as follows: The default Minimize action leaves the window width unchanged, and collapses the height to 32 pixels. But we'd like to also shrink the minimized width, in order to further save space. It's easy to do that, via the minimize event, but then getting the original width back upon Restore is a problem - I can't find a straightforward way to do that, because the presence of the Restore button ("k-i-restore" class) is elusive - it isn't present at startup, nor is it found at the end of our custom "onMinimize" method. In the absence of the "restore" event, if anyone can suggest a straightforward way to accomplish the above, we would be grateful.
It would be really nice to have an easy way to dynamically create Kendo Windows in AngularJS. And also with separate controller and template. https://github.com/kjartanvalur/angular-kendo-window Here i´m trying to do this but it would be really good to have a similar way integrated into Kendo. There is also a demo on the repo. http://plnkr.co/edit/6lyrblMhZ5ofuonmGoPZ?p=preview
Allow the toolbar to be docked to the Kendo window at the top under the title or tabstip at the top under the tab, this way the scrolling would keep the toolbar in place and would be always visible for user action
Currently, a modal window allows for tabbing out of the window to controls on the page below. See forum posts http://www.telerik.com/forums/tab-key-and-modal-windows http://www.telerik.com/forums/kendo-window-tab-order-and-section-508 On a web app I run into the problem where the dialog is dependent on a grid row to be present, but due to tabbing out of the not so modal window I can delete the applicable grid row removing the context on which the modal window is based. This is a bug.
We should not lose functionality that the jquery dialog already supports. Keydown is an important aspect in many web apps and right now a user can click the escape button if entering in a bunch of data and it closes out the window.
I need to call .center() on a kendo window to have it centered on the page. Position and size are already included in the configuration properties of kendo window so it would be logical to include the alignment as well.
If the close method can accept the parameter object, then we can check if execute our logic in the close event.
I have this problem where I use the window but I turn off your titles and use my own custom made because of the specifc layout I have. But by doing so I lose the option of making the window draggable since it can only by dragged by its title. Give us a simple config option to set any elements inside the window as the draggable points. That way I can set my own header and make the window draggable by holding it.
Please consider adding an option to Kendo Window to make it always centered/fixed. This will be essential for Modal windows/dialogs to always stay in the middle of the screen if there are scrollbars on the page. I would go as far as suggest making this the default behavior for windows with modal: true.
Right now the only position option I see is center. It would be nice to have greater options for positioning the window in the viewport. I know that most people are fine with center but there are times when my business needs to display a lot of data. The center causes the window header to be center but then the user has to scroll or move the window to the top of the screen. Even just an option like TopCenter() would be enough for me. jQueryUI uses a position that takes strings.
Windows should be able to be contained or restricted to a specific area. This can either be using parameters or by containing it to a parent object/DIV. Reasons: Windows can be dragged anywhere on the browser document and when maximized they take up the entire document. This is a problem if you have an area of the document that you always want to have visible. In my example, I have a toolbar at the top of the screen 25px high and I would like the windows to never move into that area so that it is always accessible.