According to the following Telerik links, the radCheckBox being on a page with a radButton defaults the rendermode to lightweight. https://docs.telerik.com/devtools/aspnet-ajax/controls/checkbox/troubleshooting/distorted-appearance https://docs.telerik.com/devtools/aspnet-ajax/controls/checkbox/mobile-support/render-modes The appearance is indeed distorted when used this way. Changing my radbutton to lightweight changes the design and doesn't match with the overall them of the site. To get the design I wanted, I used an asp:Checkbox instead of a radCheckBox. I'd like to request the radCheckBox and the other controls mentioned in the links to be able to be rendered in more than just lightweight. If radCheckBox is the only one we can get, that's fine as I'm not sure if I would need the other ones. The attached picture shows the issue. Thank you.
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.
We are current experiencing a whitescreen with Telerik UI Controls for asp.net Ajax in chrome browser when the zoom level is less than 100. We observed a white screen instead of the rendered controls within main content area of our masterpage. The masterpage has several sections, header, left, mainconten, right and footer sections all divided by RadSplitter/RadPane controls. I attached a sample solution and screenshots of the observed issue. Step to Reproduce: - Open solution in Visual Studio - Run choosing Chrome Browser - Resize browser to 90% - Reload the page Expected Page is rendered Observed White screen in the main content area See attached screenshots
This applies to data bound containers like grid template columns. For standalone control instances, see how to use the DataSelectedField here: https://docs.telerik.com/devtools/aspnet-ajax/controls/radiobuttonlist/data-binding/server-side-data-binding When the items in the RadRadioButtonList are declared in the markup, the SelectedValue='<%#Bind("fieldName") %>' approach works as expected, but when the items are fetched from a data source, no item is pre-selected. This works with the standard asp:RadioButtonList and so it must work with RadRadioButtonList. Issue explanations and workarounds are available in the attached sample pages and videos below. In short, the workarounds are: - use declarative items when possible - OR, use an <asp:RadioButtonList> and a <telerik:RadFormDecorator> to get uniform appearance of the radio buttons across browsers
Add HLS live streaming support to the RAD Media Player.
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.
Using https://products.aspose.com/slides is expensive if you want to programmatically create a powerpoint slide. A typical UI component for input is seen in the attached slide (Spot Element on a performance grid), which would then be rendered into a powerpoint slide (spot on a grid). This is very typical in performance reviews, but also tracking High Flyers, eg are they too skilled for their current position and need to be promoted. Telerik have existing components that could be used, just need to save as a PPT slide instead of a PDF. If there was a Web Component (reuse for HTML5 Chart code) then Export to PowerPoint instead of PDF then you are almost 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.
As part of the Fall Creators update, Microsoft are releasing SDKs for their Fluent design system for UWP app design. It would be great if Telerik could expand their skins to include controls designed to mimic the look and feel of the Fluent design including, where possible, Acrylic, Parallax, and Reveal. I believe that light or dark themes will be standard on the Fluent design, but users will be able to incorporate the their accent colour preference. So, at the least it would be great to have fluent light, and fluent dark skins with an easy method of similarly changing the accent colour. Of course, not all of the functionality of UWP will be possible for ASP.NET AJAX, but since Fluent is likely to become the new standard for UWP app design, I believe that users will come to expect similar skins in their web-apps. See https://docs.microsoft.com/en-us/windows/uwp/layout/design-and-ui-intro for more info.
There is a black line that has appeared in my RadMenu. The problem can be solved by adding a display: none in the following class: .RadMenu .rmGroup:before, .RadMenu .rmMultiColumn:before, .RadMenu .rmScrollWrap>.rmHorizontal:before, .RadMenu .rmScrollWrap>.rmVertical:before
Add ability to define Telerik specific ConfigSectionHandler for their settings like others (e.g.,log4Net) do. This makes configuring environments much easier. All I need to do is point to *.Dev.config, *.Stage.config and my application is ready for the new environment. For example, the following settings: <configuration> <configSections> <section name="myConfigSection" type="CurrentApp.ConfigurationSectionHandler, Current" /> </configSections> <myConfigSettings configSource="App_Data\Configs\MyConfigSection.config" /> <appSettings> <add key="Environment" value="Local.Local"/> ... <add key="Telerik.ScriptManager.TelerikCdn" value="Enabled"/> <add key="Telerik.ScriptManager.TelerikCdn.BaseSecureUrl" value="https://yourSite.com/cdn/TelerikScripts" /> <add key="Telerik.ScriptManager.TelerikCdn.BaseUrl" value="http://yourSite.com/cdn/TelerikScripts" /> <add key="Telerik.ScriptManager.TelerikCdn.CombinedScript" value="Enabled" /> <add key="Telerik.Skin" value="Bootstrap" /> <add key="Telerik.StyleSheetManager.TelerikCdn" value="Enabled"/> <add key="Telerik.StyleSheetManager.TelerikCdn.BaseSecureUrl" value="https://yourSite.com/cdn/TelerikSkins" /> <add key="Telerik.StyleSheetManager.TelerikCdn.BaseUrl" value="http://yourSite.com/cdn/TelerikSkins" /> <add key="Telerik.StyleSheetManager.TelerikCdn.CombinedResource" value="Disabled" /> <add key="Telerik.Web.UI.StyleSheetFolders" value="~/Content/; ~/" /> ... <appSettings> <configuration> can be changed to: <configuration> <configSections> <section name="telerikSettings" type="Telerik.ConfigurationSectionHandler, Telerik" /> </configSections> <appSettings configSource="App_Data\Configs\Local.config" /> <telerikSettings> <!-- This section does not exist and the keys are currently inside the local.config file --> <add key="Telerik.ScriptManager.TelerikCdn" value="Enabled"/> <add key="Telerik.ScriptManager.TelerikCdn.BaseSecureUrl" value="https://yourSite.com/cdn/TelerikScripts" /> <add key="Telerik.ScriptManager.TelerikCdn.BaseUrl" value="http://yourSite.com/cdn/TelerikScripts" /> <add key="Telerik.ScriptManager.TelerikCdn.CombinedScript" value="Enabled" /> <add key="Telerik.Skin" value="Bootstrap" /> <add key="Telerik.StyleSheetManager.TelerikCdn" value="Enabled"/> <add key="Telerik.StyleSheetManager.TelerikCdn.BaseSecureUrl" value="https://yourSite.com/cdn/TelerikSkins" /> <add key="Telerik.StyleSheetManager.TelerikCdn.BaseUrl" value="http://yourSite.com/cdn/TelerikSkins" /> <add key="Telerik.StyleSheetManager.TelerikCdn.CombinedResource" value="Disabled" /> <add key="Telerik.Web.UI.StyleSheetFolders" value="~/Content/; ~/" /> </telerikSettings> ... </configuration> or directly point to external configuration file: <configuration> <configSections> <section name="telerikSettings" type="Telerik.ConfigurationSectionHandler, Telerik" /> </configSections> <appSettings configSource="App_Data\Configs\Local.config" /> <telerikSettings configSource="App_Data\Configs\Telerik.config" /> ... </configuration>
I have a standard Asp.Net checkbox and a radcheckbox on my webform. But when I configure a sqldatasource and want to add a where clause. Set that to control and want to select the radcheckbox, then only the standard .net checkbox appears in the list. Radcheckbox does not appear. Check the attached screenshot for more information.