Recently Updated
Unplanned
Last Updated:
03 Nov 2020 13:55
by ADMIN
Created by:
tony
Comments:
1
Category:
Window
Type:
Bug Report
I have a radwindow which opens as a modal popup when a button is clicked, in the initial stages the rad window was able to be dragged towards right and bottom, of the screen, even out of the screen bounds, i managed to fix that by setting the KeepInScreenBounds="true" RestrictionZoneID="dvContainerMain", where "dvContainerMain" is the main div within which all the parent controls come but now when i resize the parent browser window to almost size less than radwindow size, rad window seems to behave weird, am not able to resize the radwindow even if the resize behavior is set Please let me know on this issue, seems like there is a bug when the RestrictionZoneID width is less than or close to the radwindow size Thanks Tony Thomas
Completed
Last Updated:
02 Nov 2020 15:50
by ADMIN
Release R1 2021
Created by:
miksh
Comments:
1
Category:
Window
Type:
Bug Report
When using Telerik controls with Bootstrap theme and Bootstrap 3.x the radWindow title has cosmetic issue (see attached).
It appeared that Bootstrap global box-sizing: border-box is the reason.
Repro markup:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager runat="server" />
<telerik:RadWindow Skin="Bootstrap" ID="RadWindow1" runat="server" Title="Some RadWindow title" VisibleOnPageLoad="true" RenderMode="Lightweight">
<ContentTemplate>adadsa</ContentTemplate>
</telerik:RadWindow>
</form>
</body>
</html>Bootstrap skin
Silk skin
The workaround is to set box-sizing: content-box in rwTitleWrapper:
<style>
.rwTitleWrapper
{
box-sizing: content-box !important;
}
</style>
Unplanned
Last Updated:
13 Oct 2020 08:12
by ADMIN
ADMIN
Created by:
Rumen
Comments:
0
Category:
Window
Type:
Bug Report
When I try to close the RadWindow on mobile (Chrome Mobile, Chrome Mobile desktop emulator) by clicking on the default Close button (aka X button), if I have a clickable element behind the X button, this one also grabs the input and triggers the OnClick event of the behind element.
The problem can be reproduced in the following demo http://demos.telerik.com/aspnet-ajax/window/examples/radopen/defaultcs.aspx.
Workaround:
<script>
function OnClientShow(sender, args) {
$telerik.$(".rwCloseButton").bind("touchstart", function (e) {
$telerik.cancelRawEvent(e);
});
}
</script>
<telerik:RadWindow OnClientBeforeShow="OnClientShow" RenderMode="Lightweight" ID="RadWindow1" runat="server" ShowContentDuringLoad="false" Width="400px"
Height="400px" Title="Telerik RadWindow" Behaviors="Default">
</telerik:RadWindow>
Unplanned
Last Updated:
03 Oct 2019 15:43
by ADMIN
Created by:
Mandong
Comments:
0
Category:
Window
Type:
Bug Report
The RadWindow width and height are not persisted when the control has been minimized before a PostBack (or navigation to another page).
Steps to reproduce:
1. Run the code below.
2. Click the "Open" Button
3. Minimize RadWindow
5. Click the "PostBack" button
6. Maximize RadWindow
Result: The restored RadWindow has wrong size
<telerik:RadButton ID="Btn1" runat="server" Text="Open" AutoPostBack="false" OnClientClicked="openFirst"></telerik:RadButton>
<br />
<telerik:RadButton runat="server" ID="RadButton1" Text="Postback" AutoPostBack="true" />
<telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableViewState="false" PreserveClientState="true">
<Windows>
<telerik:RadWindow ID="radWindow_Evidence" runat="server" Title="Evidence" EnableViewState="false" AutoSize="false" DestroyOnClose="true" ReloadOnShow="true"
VisibleTitlebar="true" VisibleStatusbar="false" Width="900px" Height="500px"
Behaviors="Close,Minimize,Move,Resize,Maximize" Left="320px" Top="0px">
<ContentTemplate>
Some content
</ContentTemplate>
</telerik:RadWindow>
</Windows>
</telerik:RadWindowManager>
<script>
function openFirst() {
radopen(null, "radWindow_Evidence");
}
</script>
Unplanned
Last Updated:
01 Oct 2019 15:08
by ADMIN
Created by:
Dean Wyant
Comments:
0
Category:
Window
Type:
Bug Report
Steps to reproduce:
1) Start dragging a RadWindow;
2) While dragging, use the mouse scroll to scroll the page
Result: The cursor will not be on the title bar anymore.
Completed
Last Updated:
16 Sep 2019 13:59
by ADMIN
Created by:
mmbm
Comments:
5
Category:
Window
Type:
Bug Report
In recent versions of Chrome (76.0.38...) we are experiencing an issue when we display a popup using ShowContentDuringLoad="false". The content goes out of bounds of the window. When that flag is true, the window displays as expected. I tried this using Telerik version 2019.2.514.45.
We've been using Telerik controls for some time and I am aware of the minimum frame height limit imposed by the browser but in this case it does not matter if the window height is 200px or 400px, we are still seeing the same issue.
We are using classic mode for Telerik controls.
See the attached zip for an example project and also a screenshot of what we are seeing.
If I remove the height from the frame in pageLoad() in javascript it displays OK.
oWindow.GetContentFrame().style.height = ""
I can't seem to override using a CSS style, I think the window is using what is stored in cssText.
oWindow.GetContentFrame().style.cssText = "width: 100%; height: 100%; border: 0px; position: absolute; top: -10000px;"
Can you please investigate and fix in Chrome. I would also like to see if you can provide a CSS style work around.
I've tried all sorts of style overrides and cannot seem to find one that works. It looks like whatever is specified in cssText is
what is used for the height.
Thanks for your help,
We've been using Telerik controls for some time and I am aware of the minimum frame height limit imposed by the browser but in this case it does not matter if the window height is 200px or 400px, we are still seeing the same issue.
We are using classic mode for Telerik controls.
See the attached zip for an example project and also a screenshot of what we are seeing.
If I remove the height from the frame in pageLoad() in javascript it displays OK.
oWindow.GetContentFrame().style.height = ""
I can't seem to override using a CSS style, I think the window is using what is stored in cssText.
oWindow.GetContentFrame().style.cssText = "width: 100%; height: 100%; border: 0px; position: absolute; top: -10000px;"
Can you please investigate and fix in Chrome. I would also like to see if you can provide a CSS style work around.
I've tried all sorts of style overrides and cannot seem to find one that works. It looks like whatever is specified in cssText is
what is used for the height.
Thanks for your help,
Completed
Last Updated:
12 Apr 2019 16:28
by ADMIN
Created by:
Othmanee
Comments:
2
Category:
Window
Type:
Bug Report
The control RadWindow render his element with incorrect names of css classes: like he rendered rwTitleBar instead of rwTitlebar, and rwStatusBar instead of rwStatusbar this bug is produced only when i use a custom theme. please if you have a solution bring that.
Completed
Last Updated:
28 Mar 2019 15:00
by ADMIN
Created by:
Mohamed
Comments:
1
Category:
Window
Type:
Bug Report
Hi
RadWindow is not opening in Windows10 PC , ( IE 11 / Google Chrome)
Working in all windows 8 PCs
Getting Error Script5009 'Telerik' is undefined script block (37) (2,5) in the IE Console
Regards
Completed
Last Updated:
06 Jul 2018 11:55
by Informat
ADMIN
Created by:
Vessy
Comments:
1
Category:
Window
Type:
Bug Report
Each time a window is re-opened its size is decreased with several pixels.
video: https://www.screencast.com/t/kxVyE0U2
Steps to reproduce:
1. Open http://demos.telerik.com/aspnet-ajax/window/examples/modalpopup/defaultcs.aspx
2. Close and re-open RadWindow multiple times
Result: The window's height is decreased each time.
Recommended Workaround: Apply the following CSS class to the page with RadWindow (*** Updated on 22 Jan 2018 ***)
<style>
.RadWindow {
padding: 0 6px 6px !important;
}
</style>
Optional Workaround: Manually resize the Window at the stage of opening it. This example is re-using the width and height set in the markup.
JavaScript
<script>
function openFixedSize(sender, args) {
var oWindow = radopen("WindowContent.aspx", "RadWindow1");
oWindow.__oWidth = oWindow.__oWidth ? oWindow.__oWidth : oWindow.get_width();
oWindow.__oHeight = oWindow.__oHeight ? oWindow.__oHeight : oWindow.get_height();
oWindow.setSize(oWindow.__oWidth, oWindow.__oHeight);
}
</script>
Markup
<telerik:RadButton ID="RadButton1" runat="server" Text="Open - Custom" AutoPostBack="false" OnClientClicked="openFixedSize"></telerik:RadButton>
<telerik:RadWindowManager RenderMode="Lightweight" ID="RadWindowManager1" runat="server">
<Windows>
<telerik:RadWindow RenderMode="Lightweight" ID="RadWindow1" runat="server" Title="" Height="500px"
Width="500px" Left="1px" Top="1px" ReloadOnShow="true" ShowContentDuringLoad="false" Behaviors="None"
Modal="true" ShowOnTopWhenMaximized="True" VisibleStatusbar="False" VisibleTitlebar="false">
</telerik:RadWindow>
</Windows>
</telerik:RadWindowManager>
Completed
Last Updated:
13 Mar 2018 11:45
by Ivan
ADMIN
Created by:
Marin Bratanov
Comments:
2
Category:
Window
Type:
Bug Report
FF 52 and Chrome58 seem to have started reading some CSS from 2010 differently.
This affects controls such as RadMenu, RadTreeView, RadPanelBar, RadEditor, RadListBox, RadTabStrip that are in the ContentTemplate of a RadWindow. The issue can manifest as bad element alignment or extra padding.
Internal fix will be available as of R2 2017.
There are two workarounds:
- use the Lightweight Render Mode (helps in some cases)
- add a CSS override similar to the following
/* FireFox 52+ and Chrome 58+ */
html:first-child .RadWindowFixed ul {
float: none !important;
}
<telerik:RadWindow ID="RadWindow2" runat="server" Title="Rad Window with RadTreeView - Fixed" Width="400px" MinWidth="230px" MaxWidth="600px" CssClass="RadWindowFixed"
Height="610px" VisibleOnPageLoad="true" Behaviors="Minimize, Move, Maximize, Resize" VisibleStatusbar="false" KeepInScreenBounds="true" Left="406">
Completed
Last Updated:
29 Nov 2017 15:41
by ADMIN
ADMIN
Created by:
Marin Bratanov
Comments:
0
Category:
Window
Type:
Bug Report
You can work around this by storing the currently focused element before calling autoSize()
and then using the OnClientAutoSizeEnd event (http://www.telerik.com/help/aspnet-ajax/window-client-side-events-onclientautosizeend.html) to restore the focus.
//this goes in the content
function autoSizeWnd() {
//code that manipulates the content so autosizing is needed
var oWnd = getRadWindow();
if ($telerik.isIE) { //assumes you have the Telerik core client-side libraries loaded (e.g., by having a Telerik control on this page). If you don't, you can skip the check or add them manually
oWnd.__currActElem = document.activeElement;
}
oWnd.autoSize();
}
//this goes in the main page where the RadWindow is declared
function autoSizeEndHandler(sender, args) {
setTimeout(function () {
if (sender.__currActElem && sender.__currActElem.focus) {
sender.__currActElem.focus();
}
}, 0);
}
Completed
Last Updated:
29 Nov 2017 11:48
by ADMIN
ADMIN
Created by:
Marin Bratanov
Comments:
0
Category:
Window
Type:
Bug Report
The easiest workaround is to remove the overlay (e.g., set the Overlay property to false or call the set_overlay(false) client-side method). In most cases an overlay is not needed, as it is used only for showing the popup over heavyweight objects like PDFs, Flash or Java applets: http://www.telerik.com/support/kb/aspnet-ajax/window/details/control-is-shown-behind-a-heavy-weight-object-(pdf-flash-activex-etc)
Unplanned
Last Updated:
23 Jun 2017 13:04
by ADMIN
ADMIN
Created by:
Ivan Danchev
Comments:
1
Category:
Window
Type:
Bug Report
Completed
Last Updated:
21 Jun 2017 08:34
by ADMIN
ADMIN
Created by:
Vessy
Comments:
0
Category:
Window
Type:
Bug Report
The wrapper of the RadAlert/Confirm/Prompt buttons is wider than the dialog itself in Material skin, in IE/Chrome: https://www.screencast.com/t/4IatOUgMp Steps to reproduce: 1. Open in Chrome: http://demos.telerik.com/aspnet-ajax/window/examples/browserdialogboxes/defaultcs.aspx?skin=Material 2. Click on any of the demo buttons (e.g. RadAlert from Client) Result: The wrapper of the Dialog buttons is wider than the dialog itself
Completed
Last Updated:
02 Jun 2017 12:01
by ADMIN
ADMIN
Created by:
Marin Bratanov
Comments:
0
Category:
Window
Type:
Bug Report
A workaround is to call the _updateTitleWidth() method in the OnClientAutoSize event. A small sample is attached below.
Completed
Last Updated:
19 May 2017 14:03
by ADMIN
ADMIN
Created by:
Marin Bratanov
Comments:
0
Category:
Window
Type:
Bug Report
/*lightweight mode*/
.RadWindow_Metro div.rwTitleBar,
.RadWindow_MetroTouch div.rwTitleBar
{
background-color: #25a0da;
}
/*if you want to remove the sides padding*/
/*.RadWindow.RadWindow_Metro,
.RadWindow.RadWindow_MetroTouch
{
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}*/
/* if you want all the borders blue */
/*div.RadWindow_Metro,
div.RadWindow_MetroTouch
{
border-color: #25a0da;
background-color: #25a0da;
}*/
/* when Classic form decorator is prsent it adds a white border and changes the font size of h6 elements, avoid that for the Lightweight Radwindow if you cannot move to a Lightweight form decorator as well*/
div.RadWindow h6.rwTitle
{
border-bottom: none;
font-size: inherit;
}
Completed
Last Updated:
10 May 2017 22:03
by Vasssek
ADMIN
Created by:
Marin Bratanov
Comments:
2
Category:
Window
Type:
Bug Report
To remove the built-in icon for the Lightweight mode, add the following CSS rules to your page:
div.rwDialog.rwAlertDialog:before
{
content: "";
}
div.rwDialog.rwConfirmDialog:before
{
content: "";
}
Completed
Last Updated:
08 May 2017 13:57
by ADMIN
ADMIN
Created by:
Marin Bratanov
Comments:
3
Category:
Window
Type:
Bug Report
Most notable issues
- Metro skin does not show the correct (blue) color. For a timeline and status updates for the Lightweight mode follow https://feedback.telerik.com/Project/108/Feedback/Details/216601-wrong-titlebar-colors-in-metro-and-metrotouch-skins-in-lightweight-rendermode
- RTL mode does not order the buttons properly
Workarounds for both:
/*lightweight mode*/
.RadWindow_Metro div.rwTitleBar,
.RadWindow_MetroTouch div.rwTitleBar
{
background-color: #25a0da;
}
/* if you want all the borders blue */
div.RadWindow_Metro,
div.RadWindow_MetroTouch
{
border-color: #25a0da;
background-color: #25a0da;
}
.rwRtl .rwCommands li.rwListItem
{
float: right;
}
/* classic mode- metro skin color issue*/
div.RadWindow_Metro .rwTitleRow
{
background-color: #25a0da;
}
Completed
Last Updated:
21 Apr 2017 14:10
by ADMIN
ADMIN
Created by:
Marin Bratanov
Comments:
0
Category:
Window
Type:
Bug Report
This is caused by <button> elements without a type attribute. Workarounds are
- add a JS function like this
Sys.Application.add_load(function () {
// Add the "type=button" attribute to the RadWindow buttons so they don't try to submit the form.
$("div.rwDialogButtons button").attr("type", "button");
});
- OR, override the templates and add the attribute:
<asp:TextBox ID="Textbox1" runat="server" />
<telerik:RadWindowManager ID="rwm1" runat="server" RenderMode="Lightweight">
<AlertTemplate>
<div class="rwDialog rwAlertDialog">
<div class="rwDialogContent">
<div class="rwDialogMessage">{1}</div>
</div>
<div class="rwDialogButtons">
<button type="button" class="rwOkBtn" onclick="$find('{0}').close(true); return false;">##LOC[OK]##</button>
</div>
</div>
</AlertTemplate>
<PromptTemplate>
<div class="rwDialog rwPromptDialog">
<div class="rwDialogContent">
<div class="rwDialogMessage">{1}</div>
<div class="rwPromptInputContainer">
<script type="text/javascript">
function RadWindowprompt_detectenter(id, ev, input) {
if (!ev) ev = window.event;
if (ev.keyCode == 13) {
var but = input.parentNode.parentNode.parentNode.getElementsByTagName("button")[0];
if (but) {
if (but.click) {
but.click();
}
else if (but.onclick) {
but.focus();
var click = but.onclick;
but.onclick = null;
if (click) click.call(but);
}
}
return false;
}
else return true;
}
</script>
<input title="Enter Value" onkeydown="return RadWindowprompt_detectenter('{0}', event, this);" type="text" class="rwPromptInput radPreventDecorate" value="{2}" />
</div>
</div>
<div class="rwDialogButtons">
<button type="button" class="rwOkBtn" onclick="$find('{0}').close(this.parentNode.parentNode.getElementsByTagName('input')[0].value); return false;">##LOC[OK]##</button>
<button type="button" class="rwCancelBtn" onclick="$find('{0}').close(null); return false;">##LOC[Cancel]##</button>
</div>
</div>
</PromptTemplate>
<ConfirmTemplate>
<div class="rwDialog rwConfirmDialog">
<div class="rwDialogContent">
<div class="rwDialogMessage">{1}</div>
</div>
<div class="rwDialogButtons">
<button type="button" class="rwOkBtn" onclick="$find('{0}').close(true); return false;">##LOC[OK]##</button>
<button type="button" class="rwCancelBtn" onclick="$find('{0}').close(false); return false;">##LOC[Cancel]##</button>
</div>
</div>
</ConfirmTemplate>
</telerik:RadWindowManager>
Unplanned
Last Updated:
20 Apr 2017 13:22
by Tom
ADMIN
Created by:
Marin Bratanov
Comments:
1
Category:
Window
Type:
Bug Report
Scenario description and workaround follow. Note the comments in the workaround and test before using, because it introduces some other unwanted behaviors, mostly related to the bottom/right edge of the zone.
WORKAROUND 1:
<div id="zone" style="width: 600px; height: 500px; background: yellow;"></div>
<telerik:RadWindow runat="server" ID="rw1" RenderMode="Lightweight" VisibleOnPageLoad="true" Left="0" Top="0" RestrictionZoneID="zone"></telerik:RadWindow>
<script>
Telerik.Web.UI.Window.LightweightView.prototype._resizingHandler = function(resizable, args){
$telerik.cancelRawEvent(args.get_domEvent());
var edges = this.restrictBounds,
bounds = this._getResizeBounds(args),
borders = this.resizeHelper.borders,
fullBounds = {
x: bounds.x - borders.left,//originally, subtract
y: bounds.y - borders.top,//originally, subtract
width: bounds.width + borders.horizontal,
height: bounds.height + borders.vertical};
//debugger
//console.log(fullBounds);
//changing the direction in which borders are counted above (+ or -) changes the behavior and the potential issues
//if you subtract from the position, resizing will not be available next to the top/left border of the restriction zone
//if you add to the position, resizing will be available but the user can resize in the direction of the zone bounds and thus, out of the bounds of the zone, so dragging may become unavailable
//also, this will make resizing worse when the window touches the right or bottom of the zone
var inContainer = this.window._checkRestrictionZoneBounds(edges, fullBounds);
bounds.width = Math.max(resizable.options.constraints.minWidth, bounds.width);
bounds.height = Math.max(resizable.options.constraints.minHeight, bounds.height);
args.set_cancel(true);
if(inContainer && this.touchCount++ > 0)
{
var style = this.ui.container.style;
style.left = bounds.x + "px";
style.top = bounds.y + "px";
this._setWidth(bounds.width);
this._setHeight(bounds.height);
this._currentResizeBounds = bounds;
}
}
</script>
WORKAROUND 2:
Add this to the resizeEnd and dragEnd events of the RadWindow to try and have it never touch the sides of the restriction zone at all.
function keepThisWindowInBounds(sender) {
if (!sender.isMinimized() && !sender.isMaximized()) {
var position = sender.getWindowBounds();
var rzRect = document.getElementById(sender._restrictionZoneID).getBoundingClientRect();
// note rzRect height and width are both 1px bigger than the rzElement clientWidth and clientHeight
// check width and height
if (position.width > rzRect.width - 3) {
position.width = rzRect.width - 3;
sender.set_width(position.width);
}
if (position.height > rzRect.height - 3) {
position.height = rzRect.height - 3;
sender.set_height(position.height);
}
var needToMove = false;
if (position.x < 1) {
needToMove = true;
position.x = 1;
} else if (position.x > rzRect.width - position.width - 2) {
needToMove = true;
position.x = rzRect.width - position.width - 2;
}
if (position.y < 1) {
needToMove = true;
position.y = 1;
} else if (position.y > rzRect.height - position.height - 2) {
needToMove = true;
position.y = rzRect.height - position.height - 2;
}
if (needToMove)
sender.moveTo(position.x, position.y);
}
}