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.
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;
https://www.screencast.com/t/UgqUZbqenpj5
Would it be possible to make the RadProgressBar fully functional at design time ? Currently any property changes you make in design time do not show on a form that's in design view Being able to set height, width etc and have it show in design time would be very helpful Thanks