Performance and decreasing the footprint of JavaScript/CSS size of pages is very important for major websites. You all clearly know that as it was one of your goals with Lightweight rendering. We would like documentation that shows the approximate file sizes for the Javascript and CSS files per control. We would also like to know the base libraries: AnimationFramework.js - KB? PopupScripts.js - KB? TouchScrollExtender.js - KB? ScrollingScripts.js OData.js (why does this load if we aren't using OData?) OverlayScript.js NavigationScripts.js etc We would like more control over the loading of these and knowing what functionality dictates what scripts. This would really help us evaluate whether to use a control or look for a lighter jQuery alternative as we are very concerned with file sizes and the loading time of our web pages.
Hi Telerik, I've seen your new Theme Builder at http://themebuilder.telerik.com This is wonderful tool for all developer and I love it. So I have a feedback, can you create a Forum for everybody where we can share our Theme Builder in ASP.NET Ajax forum like Visual Style Builder forum's already exists. And a library where the best Theme Builder was pulic by others developer. I think this is good wat for the development of community Telerik Thanks
Using this method to programmatically select the content area does not work as expected in Edge browser. Possible workaround is to use ContentAreaMode="Div". Or using editor.get_contentArea().focus() method instead of editor.setFocus() (This might not work for some legacy browsers).
Resize the window in order to activate the screen boundary detection. Expand the first and the second root nodes then scroll to the bottom and expand the last root node. Notice that the drop down is scrolled to the top.
<telerik:RadDropDownTree runat="server"ID="RadDropDownTree1" >
</telerik:RadDropDownTree>
protected void Page_Load(object sender, EventArgs e)
{
var tree = RadDropDownTree1.EmbeddedTree;
for (int i = 0; i < 10; i++)
{
tree.Nodes.Add(new RadTreeNode("Roo t" + i.ToString()));
for (int j = 0; j < 10; j++)
{
tree.Nodes[i].Nodes.Add(new RadTreeNode("Sub" + i.ToString() + " " + j.ToString()));
}
}
}
In the meantime, use the following workaround:
<script type="text/javascript">
var designMode = Telerik.Web.UI.EditModes.Design;
var editorPrototype = Telerik.Web.UI.RadEditor.prototype;
var keypress = editorPrototype._keyPressHandler;
editorPrototype._keyPressHandler = function (ev) {
if (this.get_mode() == designMode) {
keypress.call(this, ev);
}
}
var keyDownOverride = editorPrototype._keyDownHandlerEnableTrackChangesOverride;
editorPrototype._keyDownHandlerEnableTrackChangesOverride = function (ev) {
if (this.get_mode() == designMode) {
keyDownOverride.call(this, ev);
}
}
var keydown = editorPrototype._keyDownHandler;
editorPrototype._keyDownHandler = function (ev) {
if (this.get_mode() == designMode) {
keydown.call(this, ev);
}
}
</script>
Using the RadEditor with Auto or Mobile mode in a RadWindow is impossible because JS error are thrown when dialog is shown. For the time being, the most proper solution for this case is using the Lightweight mode for RadEditor.
I would like to see a new control, a Submit button, that when added to a web form would act not only as a Submit button but also have the functionality to provide a warning message with options when the user attempts to exit a form on which changes have been made yet not saved, activated by the windows beforeunload event. When adding the new Submit button to a form options/properties would be available to the developer to select all or specific controls on the form to check for changes. The developer would also have the option of providing the warning message to be displayed as well as being able to title the buttons of the warning message as appropriate, i.e. "Leave without Saving Changes", "Stay on Page and Save Changes". If the user presses this "Submit" button all the "data changed" flags would be cleared and the beforeunload event will be cleared allowing for redirection or further processing. Since we as developers want to provide the best possible experience for our web users, this type of control would be invaluable in making the user experience easier and less frustrating. In addition it would save many hours of coding by encapsulating this type functionality in a single control that can be inserted in place of the standard Submit button making it easier and more convenient for a developer to provide professional data forms to users tailored to the specific type of data gathering that the form is being designed for. I know that there are many jquery/javascript functions that perform similar functionality, but it would be so much more convenient if a Telerik control existed that would perform these functions.
For the time being you can manually set the localization string for the "Add Custom Color" and "Current Color" buttons:
<telerik:RadEditor ID="RadEditor1" runat="server" RenderMode="Mobile" Language="de-DE" LocalizationPath="~/App_GlobalResources"></telerik:RadEditor>
<script>
var initialize = Telerik.Web.UI.Editor.MobileColorPicker.prototype.initialize;
var addCustomColorTextLocalized = "Add Custom Color Localized";
var currentColorTextLocalized = "Current Color Localized";
Telerik.Web.UI.Editor.MobileColorPicker.prototype.initialize = function () {
var colorPicker = this;
initialize.call(colorPicker);
colorPicker._addCustomColorText = addCustomColorTextLocalized;
colorPicker._currentColorText = currentColorTextLocalized;
}
</script>
We are currently using v2010 of telerik.web.ui dll in our production environments and planning to move to 2015 very soon. Upon updating in our staging environments we are seeing a massive difference in dll size between the 2 versions. Also the webresource.axd(javascript) in the new version is 1.14MB in size which may cause some performance issues. My question is: 1. Is there a way to reduce this size or do per-need basis loading? 2. Can we refer telerik js files in our master page so that they are not loaded all the time? If so, please let us know how.
http://demos.telerik.com/aspnet-ajax/editor/mobile-examples/overview/default.aspx Error: Uncaught TypeError: Cannot read property 'Polling' of undefined
We're using Telerik.ReportViewer.WebForms.ReportViewer for exporting to another files format but only exported to excel file I got error message below.
please help to advise for this error.
Server Error in '/' Application.
Attempting to get range {22,19}{10,3},Merged=False,Parent=printPackingList2[0], that intersects with an already merged range.
Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.
Exception Details: System.InvalidOperationException: Attempting to get range {22,19}{10,3},Merged=False,Parent=printPackingList2[0], that intersects with an already merged range.
Source Error:
An unhandled exception was generated during the execution of the current web request. Information regarding the origin and location of the exception can be identified using the exception stack trace below.
Stack Trace:
[InvalidOperationException: Attempting to get range {22,19}{10,3},Merged=False,Parent=printPackingList2[0], that intersects with an already merged range.]
Telerik.Reporting.Excel97.Worksheet.GetRange(Int32 col, Int32 row, Int32 colSpan, Int32 rowSpan) +186
Telerik.Reporting.ExcelRendering.Excel97.Worksheet.Telerik.Reporting.ExcelRendering.IWorksheet.GetRange(Int32 col, Int32 row, Int32 colSpan, Int32 rowSpan) +73
Telerik.Reporting.ExcelRendering.RenderingItem.GetRange(IWorksheet worksheet, TableLayoutInfo layoutInfo) +381
Telerik.Reporting.ExcelRendering.RenderingItem.Render(IWorksheet worksheet, TableLayoutInfo layoutInfo) +78
Telerik.Reporting.ExcelRendering.RenderingItemContainer.RenderInternal(IWorksheet worksheet, TableLayoutInfo layoutInfo) +141
Telerik.Reporting.ExcelRendering.Section.RenderInternal(IWorksheet worksheet, TableLayoutInfo layoutInfo) +62
Telerik.Reporting.ExcelRendering.RenderingItem.Render(IWorksheet worksheet, TableLayoutInfo layoutInfo) +638
Telerik.Reporting.ExcelRendering.RenderingItemContainer.RenderInternal(IWorksheet worksheet, TableLayoutInfo layoutInfo) +141
Telerik.Reporting.ExcelRendering.Report.RenderInternal(IWorksheet worksheet, TableLayoutInfo layoutInfo) +786
Telerik.Reporting.ExcelRendering.RenderingItem.Render(IWorksheet worksheet, TableLayoutInfo layoutInfo) +638
Telerik.Reporting.ExcelRendering.Report.Render(IWorkbook workbook) +373
Telerik.Reporting.ExcelRendering.Excel97.ExcelReport.Telerik.Reporting.Processing.IRenderingExtension.Render(Report report, Hashtable renderingContext, Hashtable deviceInfo, CreateStream createStreamCallback, EvaluateHeaderFooterExpressions evalHeaderFooterCallback) +184
Telerik.Reporting.Processing.ReportProcessor.RenderCore(ExtensionInfo extensionInfo, IList`1 reports, Hashtable deviceInfo, IRenderingContext renderingContext, CreateStream createStreamCallback) +1386
Telerik.Reporting.Processing.ReportProcessor.RenderCore(String format, IList`1 reports, Hashtable deviceInfo, IRenderingContext renderingContext, CreateStream createStreamCallback) +103
Telerik.ReportViewer.WebForms.ReportExportOperation.RenderReport(String format, IList`1 processingReports, Hashtable deviceInfo, IRenderingContext renderingContext) +259
Telerik.ReportViewer.WebForms.ReportRenderOperation.PerformOperationOverride() +340
Telerik.ReportViewer.WebForms.HandlerOperation.PerformOperation(HttpContext context, ICacheManager cacheManager) +74
Telerik.ReportViewer.WebForms.BasicHandler.ProcessRequest(HttpContext context) +276
System.Web.CallHandlerExecutionStep.System.Web.HttpApplication.IExecutionStep.Execute() +341
System.Web.HttpApplication.ExecuteStep(IExecutionStep step, Boolean& completedSynchronously) +69
When selecting a table element in the content area via the Dom inspector, Delete Table does not remove the table. You can use the RemoveElement from DOM inspector as a temporary workaround.
Currently, opening the CustomColorPallete popup always selects the #808080 color.
To have this behavior use the custom code solution below:
<telerik:RadColorPicker runat="server" ID="RCP" EnableCustomColor="true" OnClientLoad="OnClientLoad" />
<script>
function OnClientLoad(sender, args) {
$telerik.$(sender._customColorButton).click(refreshPalette(sender));
}
function refreshPalette(sender) {
return function (evt) {
var colorPicker = sender;
var selectedColor = colorPicker.get_selectedColor() || "#808080";
colorPicker._updateHslPaletteElementsUI(colorPicker._getRgbFromHex(selectedColor), null, true);
};
}
</script>