Completed
Last Updated:
24 Jun 2016 14:47
by Nedo
ADMIN
Created by:
Marin Bratanov
Comments:
1
Category:
Window
Type:
Bug Report
Completed
Last Updated:
20 Jan 2022 15:38
by ADMIN
ADMIN
Created by:
Marin Bratanov
Comments:
1
Category:
Window
Type:
Bug Report
This iframe element has an empty html tag that can cause issues with the Section 508 validation.
Also, the iframe is not used so it does not need to be present in the markup at all.
The following script added to the OnClientShow event of the RadWindowManager can remove this iframe:
function OnClientShow(sender, args)
{
if (!sender._isPredefined) return; //check if it is a predefined dialog
var frame = $telerik.$("iframe", sender.get_popupElement());
frame.remove();
}
Completed
Last Updated:
03 Sep 2015 10:34
by ADMIN
ADMIN
Created by:
Marin Bratanov
Comments:
0
Category:
Window
Type:
Bug Report
When a RadWindow with RenderMode=Lightweight is shown the client-side equivalents of the Width and Height property change and the final dimensions of the popup are different than expected (larger if the popup is modal and smaller if not). These values should not change unless the set_width() or set_height() methods are called.
Possible workarounds:
- use RenderMode=Classic
- try adding the following CSS rule
div.RadWindow
{
padding: 0 6px 5px;
}
- use the following script together with the custom attributes in the markup:
<telerik:RadWindow ID="m_printWindow" runat="server" RenderMode="Lightweight" Title="Print Settings"
Width="180" Height="330" origWidth="180" origHeight="330"
Behaviors="Close,Move" VisibleStatusbar="False">
<ContentTemplate>
</ContentTemplate>
</telerik:RadWindow>
<asp:Button ID="Button1" Text="show Wnd" OnClientClick="showWnd(); return false;" runat="server" />
<script type="text/javascript">
function showWnd() {
var wnd = $find("<%= m_printWindow.ClientID %>");
wnd.show();
var origWidth = wnd.get_element().getAttribute("origWidth");
var origHeight = wnd.get_element().getAttribute("origHeight");
wnd.setSize(origWidth, origHeight);
wnd.center();
}
</script>
- try the following approach:
<script type="text/javascript">
function OnClientShow(sender, args) {
setTimeout(function () {
sender.remove_show(OnClientShow);
sender.set_modal(sender.get_element().getAttribute("ShouldBeModal"));
var popupElem = sender.get_popupElement();
popupElem.style.width = sender.get_width() + "px";
popupElem.style.height = sender.get_height() + "px";
}, 0);
}
</script>
<telerik:RadWindowManager RenderMode="LightWeight" ID="rwmVessel" DestroyOnClose="false" runat="server" Skin="WebBlue" OnClientShow="OnClientShow">
<Windows>
<telerik:RadWindow RenderMode="LightWeight"
AutoSize="false"
ID="rwSendReceipt"
ReloadOnShow="true"
VisibleOnPageLoad="false"
ShowContentDuringLoad="false"
Title="Submission Receipt"
runat="server"
Skin="WebBlue"
Behaviors="Close"
VisibleStatusbar="false"
Width="760"
Height="475"
ShouldBeModal="true"
IconUrl="images/application_16.png">
</telerik:RadWindow>
</Windows>
</telerik:RadWindowManager>
Completed
Last Updated:
22 Apr 2014 14:27
by ADMIN
ADMIN
Created by:
Misho
Comments:
0
Category:
Window
Type:
Feature Request
RadWindow is not displayed in mobile Chrome for iPad. A workaround is to set the Request Desktop Site Google Chrome option and the RadWindow should be available.
Completed
Last Updated:
24 Aug 2022 10:23
by ADMIN
Created by:
eDAD
Comments:
1
Category:
Window
Type:
Bug Report
Test Environment:
OS: Windows_11Version: 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:
- Open Telerik Web UI Window RadWindowManager Client-side API Demo | Telerik UI for ASP.NET AJAX.
- Locate "METHODS OPENING RADWIDNOWMANAGER DIALOGS" under "DEMO CONFIGURATOR".
- Under "METHODS OPENING RADWIDNOWMANAGER DIALOGS", open any button (for example, "Open radconfirm").
- Dialog opens.
- Keep pressing TAB inside the dialog.
- 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
Created by:
Michael Bakker
Comments:
0
Category:
Window
Type:
Bug Report
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
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>
Completed
Last Updated:
01 Jul 2013 07:27
by ADMIN
ADMIN
Created by:
Marin Bratanov
Comments:
0
Category:
Window
Type:
Bug Report
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:
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:
24 Jul 2013 07:59
by ADMIN
ADMIN
Created by:
Marin Bratanov
Comments:
0
Category:
Window
Type:
Bug Report
The icon shown in the predefined dialogs can be changed with an argument that points to the new image as shown in this demo: http://demos.telerik.com/aspnet-ajax/window/examples/browserdialogboxes/defaultcs.aspx. This does not work with RenderMode=Lightweight
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:
20 Apr 2017 13:19
by ADMIN
ADMIN
Created by:
Marin Bratanov
Comments:
0
Category:
Window
Type:
Bug Report
Workaround
Telerik.Web.UI.RadWindow.prototype.set_restrictionZoneID = function(value) {
this._restrictionZoneID = value;
if (value && this.isCreated()) {
this.fitInRestrictionZone();
}
}
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:
08 Jun 2016 14:53
by ADMIN
ADMIN
Created by:
Danail Vasilev
Comments:
0
Category:
Window
Type:
Feature Request
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:
03 Nov 2016 10:57
by Miguel Angel
ADMIN
Created by:
Marin Bratanov
Comments:
1
Category:
Window
Type:
Bug Report
Completed
Last Updated:
11 Jun 2020 12:32
by ADMIN
Completed
Last Updated:
26 Sep 2016 13:50
by ADMIN
ADMIN
Created by:
Slav
Comments:
0
Category:
Window
Type:
Bug Report
When you create a dynamic tooltip that loads its content from a service (http://demos.telerik.com/aspnet-ajax/tooltip/examples/radtooltipmanagerclientapi/defaultcs.aspx), its height is 100% while the loading takes place.
You can workaround this issue by configuring a small initial height for the tooltip (for example 50px), then using the following script to change its height according to the loaded content:
<telerik:RadToolTipManager runat="server" OnClientResponseEnd="onClientResponseEnd" Height="50px" >
...
</telerik:RadToolTipManager>
<script>
function onClientResponseEnd() {
var current = Telerik.Web.UI.RadToolTip.getCurrent();
if (current) {
var height = $telerik.getBounds(current.get_contentElement()).height;
current.set_height(height);
}
}
</script>