Unplanned
Last Updated: 10 Jan 2023 16:27 by Ricardo
Created by: Ricardo
Comments: 0
Category: Window
Type: Bug Report
0

The Window will not open in the center of the screen if it was already opened once and the page has been scrolled. It seems that the Window keeps opening at the same position initially was opened, hence it could open out of screen bounds.

Steps & Code for Reproduction

 

  1. Copy/Paste the Code from below and Load the page
  2. Click on the Button, the Window will open at the center
  3. Scroll toward the top of the page until the button is barely visible
  4. Click the button again. At this point, the Window will open out of the screen boundaries, in its initial position

 

Code

<style>
    .mydiv {
        margin: 2000px 100px;
    }
</style>

<telerik:RadWindow ID="RadWindow1" runat="server">
    <ContentTemplate>
        <h3>RadWindow1 Content</h3>
    </ContentTemplate>
</telerik:RadWindow>

<script>
    function ShowEditForm(sender, args) {
        var wnd = $find("<%= RadWindow1.ClientID %>");
        wnd.show();
    }
    Sys.Application.add_load(function () {
        setTimeout(function () {
            $telerik.$('.mydiv')[0].scrollIntoView();
        }, 100)
    });  
</script>

<div class="mydiv">
    <telerik:RadButton runat="server" ID="RadButton1" Text="OpenWindow" AutoPostBack="false" OnClientClicked="ShowEditForm" />
</div>

Completed
Last Updated: 24 Aug 2022 10:23 by ADMIN

Test Environment:

OS: Windows_11
Version: 21H2
OS Build: 22000.795
Browser: Version 103.0.1264.71 (Official Build) (64-bit)

URL: https://demos.telerik.com/aspnet-ajax/window/examples/windowmanager/defaultcs.aspx

Repro Steps:

  1. Open Telerik Web UI Window RadWindowManager Client-side API Demo | Telerik UI for ASP.NET AJAX.
  2. Locate "METHODS OPENING RADWIDNOWMANAGER DIALOGS" under "DEMO CONFIGURATOR".
  3. Under "METHODS OPENING RADWIDNOWMANAGER DIALOGS", open any button (for example, "Open radconfirm").
  4. Dialog opens.
  5. Keep pressing TAB inside the dialog.
  6. Observe the issue that the focus moves to the background content behind the dialog even though the dialog is still open. The focus should remain trapped within the dialog.

Actual Behavior:

Focus comes out of 'delete' popup without closing it automatically.

Expected Behavior:

When opening the 'delete pop-up', focus is expected to move to delete pop-up controls and focus should not leave the pop-up until it is closed. When a pop-up is opened, focus should move into that item and when it is closed, focus should return to the same control that opened it. In addition, focus should be confined to the window until the user closes it with an action, such as the close button or the ‘ESC’ key. 

Completed
Last Updated: 12 Aug 2021 16:04 by ADMIN
Release R3 2021
The MinWidth and MaxWidth of the Window are not respected when they are set to the same value as the Width.
Completed
Last Updated: 02 Nov 2020 15:50 by ADMIN
Release R1 2021
Created by: miksh
Comments: 1
Category: Window
Type: Bug Report
0

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: 03 Oct 2019 15:43 by ADMIN

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>

Completed
Last Updated: 11 Aug 2021 18:47 by ADMIN
Created by: Jason
Comments: 1
Category: Window
Type: Bug Report
0
When using DOCTYPE //W3C//DTD XHTML 1.0 Strict//EN and setting height to 100px 
RadWindow AutoResize=True gives problems in IE10 by adding unnecessary scrollbars, and in Chrome, FF and Safari the window is to high (approx. 55px too much).

Refers to forum entry: http://www.telerik.com/community/forums/aspnet-ajax/window/autosize-behavior-question.aspx
(I used the same sample project to replicate the problem).

 Please see attached screenshot and project.
Unplanned
Last Updated: 03 Nov 2020 13:55 by ADMIN
Created by: tony
Comments: 1
Category: Window
Type: Bug Report
0
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: 28 Mar 2019 15:00 by ADMIN

 

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

Unplanned
Last Updated: 23 Jan 2018 17:03 by ADMIN
The content scrollbars of RadWindow are not shown in Lightweight if ShowContentDuringLoad="false". The bug is specific to Chrome.
----------------------------------------
Workarounds:

1. Use the control in RenderMode=Classic

2. Enable the ShowContentDuringLoad="true" property

3. or attach a handler to the RadWindow's OnClientPageLoad proeprty and call the restore() method of the control in it:

        <telerik:RadWindow RenderMode="Lightweight" ID="RadWindow1" ShowContentDuringLoad="false" VisibleOnPageLoad="true" Width="600px" Height="400px" Title="Wikipedia" OnClientPageLoad="onLoad"
            NavigateUrl="https://www.wikipedia.org" runat="server">
        </telerik:RadWindow>
        <script>
            function onLoad(sender, args) {
                sender.restore();
            }
        </script>


----------------------------------------
Steps to reproduce:

1. Run the following code:

        <telerik:RadWindow RenderMode="Lightweight" ID="RadWindow1" ShowContentDuringLoad="false" VisibleOnPageLoad="true" Width="600px" Height="400px" Title="Wikipedia"
            NavigateUrl="https://www.wikipedia.org" runat="server">
        </telerik:RadWindow>

Result: No scroll bars are shown, they apper after moving the window


Completed
Last Updated: 06 Jun 2016 09:59 by ADMIN
Instead, the dimensions the popup will have when restored are returned. This is so because a maximized RadWindow will resize with the browser.

A possible workaround is using the Telerik Static Client Library: http://www.telerik.com/help/aspnet-ajax/telerik-static-client-library.html

			var wnd = $find("RadWindow1");
			wnd.maximize();
			var bounds = $telerik.getBounds(wnd.get_popupElement());
			alert(bounds.width);
Unplanned
Last Updated: 20 May 2014 13:22 by ADMIN
Currently, when a maximized RadWindow is closed the OnClientCommand event handler is called with a command "Restore" because when a maximized RadWindow is being closed it is first restored.



A flag can be used to avoid it, see the attachment.
Won't Fix
Last Updated: 08 Jun 2022 08:28 by ADMIN
ADMIN
Created by: Ivan Danchev
Comments: 2
Category: Window
Type: Bug Report
0

Workaround in OnClientBeforeClose (commented):

 

<telerik:RadWindowManager RenderMode="Lightweight" OnClientClose="OnClientClose"
     OnClientBeforeClose="OnClientBeforeClose" Behaviors="Close, Move, Resize,Maximize"
     ID="RadWindowManager" runat="server" Width="450" Height="400">
    <Windows>
        <telerik:RadWindow RenderMode="Lightweight" ID="RadWindow1" VisibleOnPageLoad="true"
            Title="Wikipedia" _NavigateUrl="http://www.wikipedia.org" IconUrl="wikiFavicon.ico" runat="server">
        </telerik:RadWindow>
    </Windows>
</telerik:RadWindowManager>
<script type="text/javascript">
    function OnClientBeforeClose(oWnd, args) {
        //workaround:
        //oWnd.get_popupElement().style.visibility = "hidden";
    }


    function OnClientClose(oWnd) {
        debugger;
    }
</script>


			
Completed
Last Updated: 21 Jun 2017 08:34 by ADMIN
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
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
			/*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: 20 Apr 2017 13:19 by ADMIN
ADMIN
Created by: Marin Bratanov
Comments: 0
Category: Window
Type: Bug Report
0
Workaround
Telerik.Web.UI.RadWindow.prototype.set_restrictionZoneID = function(value) {
	this._restrictionZoneID = value;
	if (value && this.isCreated()) {
		this.fitInRestrictionZone();
	}
}
Completed
Last Updated: 05 Jul 2013 12:03 by ADMIN
A custom icon is replaced with the default icon in the LightWeight renderMode. For the time being the custom icon can be forced by using the OnClientShow event of the control:
		function OnClientShow(sender)
		{
			sender.set_iconUrl(sender.get_iconUrl());
		}
Declined
Last Updated: 01 Nov 2013 13:06 by ADMIN
In IE only (not Chrome), beginning with the Q2 2013 release, an error is thrown on a RadWindow with the EnableShadow="true" property if .hide() is called on the window before it is made visible.  This is new behavior with Q2 2013.  The affected line is:

}else{Sys.UI.DomElement.removeCssClass(this.container,"rwShadow");

where .container = nothing

Current workarounds are:

1. Set EnableShadow="false"
or
2. Make sure that radwindow.isVisible() === true prior to calling .hide()
Completed
Last Updated: 01 Jul 2013 07:27 by ADMIN
When a textbox is focused pressing enter will have the browser click the first available button in the form, which is, in this case the first command button from the RadWindow.
If the only available command button is Close the RadWindow will close. 

Pressing enter with a textbox focused fires the next button on the form (you can see this with a simple textbox and button without anything special at all) and the page will be posted):
<asp:TextBox ID="Textbox2" runat="server" />
<button onclick="alert(2);" id="testButton">test button</button>
Since the RadWindow is the first thing rendered in a form the first button from its titlebar gets fired when the textbox is inside its ContentTemplate and enter is pressed.


One of the most suitable workarounds is to add a Pin button and cancel the Pin command:
		function OnClientCommand(sender, args)
		{
			if (args.get_commandName() == "Pin")
			{
				args.set_cancel(true);
				$telerik.$(".rwPinButton", sender.get_popupElement()).blur();
			}
		}
where this is attached to the OnClientCommand event of the RadWindow:
	<telerik:RadWindow ID="RadWindow1" runat="server" OpenerElementID="Button1" RenderMode="Lightweight"
		Behaviors="Pin, Move, Close"  OnClientCommand="OnClientCommand">
		<ContentTemplate>
			<asp:TextBox ID="Textbox1" runat="server" />
		</ContentTemplate>
	</telerik:RadWindow>
	<asp:Button ID="Button1" Text="open the RadWindow" runat="server" />
Completed
Last Updated: 13 Mar 2018 11:45 by Ivan
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">