After having a filter applied, filter value is not cleared when FilterOption was set to "NoFilter". The following client-side logic would clear the textbox values before the filtering is applied if filter options are set to "NoFilter" function onCommand(sender, args) { if (args.get_commandName() == "HeaderContextMenuFilter") { var firstTextBox = $("[id$='HCFMRTBFirstCond']")[0].control; var firstFilterOption = args.get_commandArgument().split("|")[1]; var secondTextBox = $("[id$='HCFMRTBSecondCond']")[0].control; var secondFilterOption = args.get_commandArgument().split("|")[3]; if (firstFilterOption.includes("NoFilter") && firstTextBox.get_value() != "") { args.set_cancel(true); var value = firstTextBox.get_value(); firstTextBox.clear(); var newArg = args.get_commandArgument().replace("|" + value + "|?", "||?"); args.get_tableView().fireCommand(args.get_commandName(), newArg); } if (secondFilterOption.includes("NoFilter") && secondTextBox.get_value() != "") { args.set_cancel(true); var value = firstTextBox.get_value(); secondTextBox.clear(); var newArg = args.get_commandArgument().replace("|" + value + "|?", "||?"); args.get_tableView().fireCommand(args.get_commandName(), newArg); } } }
How do I enable required field validation on a radcheckbox list item when it is part of a radwizard? I want to ensure that the user selects at least one item but when I hit the Next button to go to the next Wizard Step, it does not fire but proceeds to the next Wizard Step. Is this as designed? Please provide assistance or some white paper article that can help.
The ContextMenu popup is not position properly relative to its target element when the page is horizontally scrolled in Edge. The problem is reproducible with R2 2018. Steps tp reproduce: 1. Run the code below and scroll the page to the right 2. Right click over a number <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> </telerik:RadScriptManager> <telerik:RadContextMenu ID="rcmMenu" runat="server"> <Targets> <telerik:ContextMenuTagNameTarget TagName="a" /> </Targets> <Items> <telerik:RadMenuItem Text="Menu Item 1" Value="a" /> <telerik:RadMenuItem Text="Menu Item 2" Value="b" /> </Items> </telerik:RadContextMenu> <div style="width: 3500px; height: 100px; position: relative; background-color: yellow;"> <a style="position: absolute; left: 1000px; top: 40px;" onclick="return showMenu(event);">1000</a> <a style="position: absolute; left: 2000px; top: 40px;" onclick="return showMenu(event);">2000</a> <a style="position: absolute; left: 3000px; top: 40px;" onclick="return showMenu(event);">3000</a> </div> </form> </body> </html>
It would be great to be able to use the MultiSelect control that is available in all the other UI controls suites. This controls allows a selection behavior and rendering customization that none of the current controls in UI for ASP.NET AJAX offers.
Misspelled words in the TileList's Configuration wizard in Visual Studio: https://www.screencast.com/t/VmdVK11Q1nLi
I would like the ability to generate a graphic (.jpg, .bmp) of page 1 of a pdf document so it can be placed in a grid cell.
Some of the Red controls can be used for server side only (no UI). I typically use RadGrid to perform something that it is good at (grouping and arranging data) then export it to Excel. So if the UI is actually and output file this can be very handy, why have a web interface if you are actually created a report of some kind. You had a Reporting tool kit, but times have moved on to Self Service and PowerBI type tools. It just seems that you have a lot of code in DLL that could be repurposed for process pipelines, not for a web interface, tho the final results could be reused there.
When selecting an item with Enter key, the rawEvent propagation is not canceled and if a button with submit behavior is on the page, it is clicked. https://www.screencast.com/t/sGVXL2baFj Including this script to the page can be a temporary workaround: var _onEnterKeyOld = Telerik.Web.UI.RadComboBox.prototype._onEnterKey; Telerik.Web.UI.RadComboBox.prototype._onEnterKey = function (e) { _onEnterKeyOld.call(this,e); e.preventDefault() }
Workaround: Use the following styles html .RadGrid_Windows7 .rgSave, html .RadGrid_Windows7 .rgAdd, html .RadGrid_Windows7 .rgRefresh, html .RadGrid_Windows7 .rgEdit, html .RadGrid_Windows7 .rgDel, html .RadGrid_Windows7 .rgFilter, html .RadGrid_Windows7 .rgPagePrev, html .RadGrid_Windows7 .rgPageNext, html .RadGrid_Windows7 .rgPageFirst, html .RadGrid_Windows7 .rgPageLast, html .RadGrid_Windows7 .rgExpand, html .RadGrid_Windows7 .rgCollapse, html .RadGrid_Windows7 .rgSortAsc, html .RadGrid_Windows7 .rgSortDesc, html .RadGrid_Windows7 .rgUpdate, html .RadGrid_Windows7 .rgCancel, html .RadGrid_Windows7 .rgUngroup, html .RadGrid_Windows7 .rgExpXLS, html .RadGrid_Windows7 .rgExpDOC, html .RadGrid_Windows7 .rgExpPDF, html .RadGrid_Windows7 .rgExpCSV { background-image: none; } html .RadGrid_Windows7 th.rgSorted { background-image: none; } html .RadGrid_Windows7 .rgMasterTable .rgSelectedCell, html .RadGrid_Windows7 .rgSelectedRow { background-image: none; } html .RadGrid_Windows7 .rgMasterTable .rgActiveCell, html .RadGrid_Windows7 .rgActiveRow, html .RadGrid_Windows7 .rgHoveredRow { background-image: none; } html .RadGrid_Windows7 .rgEditRow { background-image: none; } html .RadGrid_Windows7 .rgPager { background-image: none; } html .RadGrid_Windows7 .rgPager .rgPagerButton { background-image: none; } html .RadGrid_Windows7 .rgNumPart a:hover, html .RadGrid_Windows7 .rgNumPart a.rgCurrentPage { background-image: none; } html .RadGrid_Windows7 .rgNumPart a:hover span, html .RadGrid_Windows7 .rgNumPart a.rgCurrentPage span { background-image: none; } html .GridReorderTop_Windows7 { background-image: none; } html .GridReorderBottom_Windows7 { background-image: none; } html .RadGrid_Windows7 .rgGroupPanel { background-image: none; } html .RadGrid_Windows7 .rgGroupItem { background-image: none; } html .RadGrid_Windows7 .rgGroupHeader { background-image: none; } html .RadGrid_Windows7 .rgCommandRow { background-image: none; }
I am seeing a strange problem when opening LinkManager dialog from RadEditor. The width of the dialog keeps decreasing on successive opening of the dialog. Sample page code to reproduce this is given below. You can see a video of this issue at think URL : https://goo.gl/UuPwtA Sample page code (code-behind is empty) <%@ Page Language="C#" AutoEventWireup="true"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" /> </head> <body> <form id="form1" runat="server"> <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> </telerik:RadScriptManager> <div> <telerik:RadEditor ID="RadEditor1" runat="server" ToolbarMode="Default" RenderMode="Lightweight" Skin="Metro"></telerik:RadEditor> </div> </form> </body> </html> Reproducible in every browser.
Missing background color of the Grid's headers in IE9 due to the unsupported by the browser linear-gradient. The issue can be reproduced with Skin="Web20". Workaround: div.RadGrid_Web20 .rgHeader, .RadGrid_Web20 th.rgResizeCol, .RadGrid_Web20 .rgHeaderWrapper { background-image: linear-gradient(#9db7db,#7b95c6 50%,#698ac0 50%,#92b3de); background-color: #92b3de; } Code to reproduce: <telerik:RadGrid ID="RadGrid1" runat="server" OnNeedDataSource="RadGrid1_NeedDataSource" AutoGenerateColumns="false" Skin="Web20" EnableEmbeddedSkins="true"> <MasterTableView> <Columns> <telerik:GridBoundColumn DataField="description" HeaderText="Description"></telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="value" HeaderText="Value"></telerik:GridBoundColumn> </Columns> </MasterTableView> </telerik:RadGrid> protected void RadGrid1_NeedDataSource(object sender, Telerik.Web.UI.GridNeedDataSourceEventArgs e) { (sender as RadGrid).DataSource = GetData(); } private DataTable GetData() { DataTable dt = new DataTable(); dt.Columns.Add("description"); dt.Columns.Add("value"); for (int i = 0; i < 100; i++) { dt.Rows.Add( "description_" + i.ToString(), i * 100); } return dt; }
Caused by https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/GbVcuwg_QjM/discussion%5B1-25%5D https://stackoverflow.com/a/45495974 https://stackoverflow.com/a/45746963 Workaround attached
As we can find in telerik documentations, there are various controls properties that can be set from web.config. Like skin, render mode, etc. It is done with a list of keys under <appSettings> section in the web.config. See link below. https://docs.telerik.com/devtools/aspnet-ajax/general-information/web-config-settings-overview#control-properties-you-can-set-from-the-webconfig My sugestion is to add in this list the localization path property. So we can centralize the resources files location for big projects, like a web site under IIS with many webapplication under one site.
Problem: With the latest version of Chrome 61 the context menu is not positioning correctly in the treeview. It only happens when the treeview is longer than the window height and there are scrollbars. The EnableScreenBoundaryDetection should be enabled too (it is enabled by default). Reproduction: see this video for a repro https://www.screencast.com/t/Reehai09gMP. The problem does not happen in the Chrome versions prior 61. Details and Resolution: The context menu positioning problem is due to the following breaking change in Chrome 61 (see release notes at https://blog.chromium.org/2017/08/chrome-61-beta-javascript-modules.html): To align with the spec and preserve browser consistency, the scrollingElement is now the documentElement in standards mode. Chrome 61 has changed the behavior of document.scrollingElement to return document.documentElement instead of document.body to match the CSSOM View specification and this broke the positioning of the context menu when the EnableScreenBoundaryDetection is enabled. Solution 1 Place the following override over the RadTreeView declaration: <script> Telerik.Web.UI.RadMenu._getViewPortSize = function () { var viewPortSize = $telerik.getViewPortSize(); // The document scroll is not included in the viewport size // calculation under FF/quirks and Edge. var quirksMode = document.compatMode != "CSS1Compat"; if (($telerik.isFirefox && quirksMode) || Telerik.Web.Browser.edge) { viewPortSize.height += document.body.scrollTop; viewPortSize.width += document.body.scrollLeft; } else if (Telerik.Web.Browser.chrome) { viewPortSize.height += Math.max(document.body.scrollTop, document.scrollingElement.scrollTop); viewPortSize.width += Math.max(document.body.scrollLeft, document.scrollingElement.scrollLeft); } return viewPortSize; }; </script> <telerik:RadTreeView RenderMode="Lightweight" ID="RadTreeView2" runat="server"> <ContextMenus> <telerik:RadTreeViewContextMenu ID="RadTreeViewContextMenu1"runat="server" RenderMode="Lightweight"> <Items> ... Solution 2 Set EnableScreenBoundaryDetection to false. This will disable the screen boundary detection and some parts of the context menu could be rendered beneath the browser borders when there isn't enough space to be rendered on the visible screen. You will have to use the browser scrollbars to show the hidden part of the menu. The issue is scheduled for fixing in R3 2017 SP1, the release date of which is not yet decided. Please use the provided solutions above until the SP1 goes out officially.
Javascript errors are thrown when pie chart with custom skin is loaded. The issue is introduced as of version 2017.1.118. Code to reproduce: <telerik:RadHtmlChart ID="Telerik1" runat="server" Height="250px" Width="250px" EnableEmbeddedSkins="false" Skin="CMS_Black"> <ChartTitle Text="Financial Aid Status1112"> <Appearance> <TextStyle Color="Red" FontSize="12" FontFamily="Verdana" Margin="11" Padding="22"></TextStyle> </Appearance> </ChartTitle> <PlotArea> <Series> <telerik:PieSeries Name="TypeMemberCount1" NameField="Name" DataFieldY="Value"> <LabelsAppearance> <ClientTemplate> #=dataItem.Name#: #=dataItem._Value# (#=dataItem._Percentage#%) </ClientTemplate> </LabelsAppearance> </telerik:PieSeries> </Series> </PlotArea> <Legend> <Appearance Position="Right" Visible="true"> </Appearance> </Legend> </telerik:RadHtmlChart> Code bihind: protected void Page_Load(object sender, EventArgs e) { Telerik1.DataSource = GetData(); Telerik1.DataBind(); } private DataTable GetData() { DataTable dt = new DataTable("ChargeData"); dt.Columns.Add("Id", Type.GetType("System.Int32")); dt.Columns.Add("Name", Type.GetType("System.String")); dt.Columns.Add("Value", Type.GetType("System.Int32")); dt.Columns.Add("_Value", Type.GetType("System.Int32")); dt.Columns.Add("_Percentage", Type.GetType("System.Int32")); dt.Rows.Add(1, "Item 1", 10, 34, 10); dt.Rows.Add(2, "Item 2", 65, 34, 65); dt.Rows.Add(3, "Item 3", 25, 34, 25); return dt; } web.config: <add key="Telerik.Skin" value="CMS_Black"/> Ticket 1113172
Adding a request as per the link below: http://www.telerik.com/forums/javascript-intellisense-option-missing-in-vs-2017 Admin update: Here are links to updated documentation that explains how to use JavaScript intellisense in VS 2017 - https://docs.telerik.com/devtools/aspnet-ajax/general-information/integration-with-visual-studio/how-to-use-javascript-intellisense-for-the-telerik-controls - https://docs.telerik.com/devtools/aspnet-ajax/general-information/using-jquery/jquery-intellisense
RadGrid's footer has wrong color in Metro skin - black text over black background. The problem is specific for Classic render mode.
Lightweight stylesheets for Grid load background images from http://aspnet-skins.telerikstatic.com/ajaxz/2017.2.711/Telerik/Grid/sprite.png;