We have a device that can output text into a focused input field. The device is configured for "keyboard" mode. We are using an ASP:Textbox field. When the ASP:Textbox is inside a RadWindow, the speed the text shows up is slower than on a non-RadWindow page.
All pages are using radajaxpanel. We do not have any onkey.. events in the way.
Does Telerik add any events related to onkeydown, onkeyup, onkeypress, onkey{Other}, when a radwindow is in place?
Only happens in IE, with Chrome the text shows up very fast.
All pages are using radajaxpanel. We do not have any onkey.. events in the way.
Does Telerik add any events related to onkeydown, onkeyup, onkeypress, onkey{Other}, when a radwindow is in place?
Only happens in IE, with Chrome the text shows up very fast.
9 Answers, 1 is accepted
0
Hi Peter,
RadWindow does not add such event handlers and the only possible reason I can think of would be the fact that RadWindow is a rather complex structure that is positioned absolutely on the page, so this may be causing the slowdown with the browser in question.
You can try copying the rendered RadWindow and place it on the page to see if this is the case.
You can also try its Lightweight rendermode so that there is less HTML and CSS used.
Regards,
Marin Bratanov
Telerik
RadWindow does not add such event handlers and the only possible reason I can think of would be the fact that RadWindow is a rather complex structure that is positioned absolutely on the page, so this may be causing the slowdown with the browser in question.
You can try copying the rendered RadWindow and place it on the page to see if this is the case.
You can also try its Lightweight rendermode so that there is less HTML and CSS used.
Regards,
Marin Bratanov
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
Peter
Top achievements
Rank 1
Rank 1
answered on 08 Aug 2013, 11:58 AM
Sorry, we are using 2013.1.417.45. I can't use the lightweight stuff yet.
As far as when lightweight is set, will it automatically downgrade to "non-lightweight" if the browser doesn't support it. We have customers still using IE 7, 8, and 9.
>> You can try copying the rendered RadWindow and place it on the page to see if this is the case.
You mean try the page outside of the RadWindow?
As far as when lightweight is set, will it automatically downgrade to "non-lightweight" if the browser doesn't support it. We have customers still using IE 7, 8, and 9.
>> You can try copying the rendered RadWindow and place it on the page to see if this is the case.
You mean try the page outside of the RadWindow?
0
Hello Peter,
There are ideas about automatic detection, yet it is not available yet. The lightweight modes should work on older browsers as well, the most that should be lost would be gradients and rounded corners.
More information about the lightweight rendering is available in the following two blog posts:
RadControls for ASP.NET AJAX Lightweight Rendering – Going deeper into HTML semantics and CSS3
The Attack of the Light-Rendered or how Lightweight beats Heavyweight with CSS3 and HTML5
What I had in mind was not really trying the page out of a RadWIndow directly in the browser, but to try and mimic the HTML structure without the JavaScript RadWindow adds in order to creat a functional popup. I am attaching a page that shows this in action.
In case you are using the NavigateUrl of the RadWindow you can use my comment to add the needed iframe that will point to the page.
If there is still a slowdown then the issue would be with the absolutely positioned popup and the mobile browser.
Regards,
Marin Bratanov
Telerik
There are ideas about automatic detection, yet it is not available yet. The lightweight modes should work on older browsers as well, the most that should be lost would be gradients and rounded corners.
More information about the lightweight rendering is available in the following two blog posts:
RadControls for ASP.NET AJAX Lightweight Rendering – Going deeper into HTML semantics and CSS3
The Attack of the Light-Rendered or how Lightweight beats Heavyweight with CSS3 and HTML5
What I had in mind was not really trying the page out of a RadWIndow directly in the browser, but to try and mimic the HTML structure without the JavaScript RadWindow adds in order to creat a functional popup. I am attaching a page that shows this in action.
In case you are using the NavigateUrl of the RadWindow you can use my comment to add the needed iframe that will point to the page.
If there is still a slowdown then the issue would be with the absolutely positioned popup and the mobile browser.
Regards,
Marin Bratanov
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
Peter
Top achievements
Rank 1
Rank 1
answered on 22 Aug 2013, 08:15 PM
It outputs very fast in your page.
I tried other telerik modals within my application with less javascript code and it still outputed slowly.
Is there anyway to completely disable the javascript of a radwindow as a test?
I tried other telerik modals within my application with less javascript code and it still outputed slowly.
Is there anyway to completely disable the javascript of a radwindow as a test?
0
Hi Peter,
This page is essentially a RadWindow without any of its scripts, merely the result of its rendering.
It is not possible, however, to have a RadWindow run and work without its scripts, because it even renders with JavaScript, not on the server. The only thing that can be reduced is the amount of custom core around it, i.e. its client-side event handlers that the developer can add.
In order for us to examine this case further I would suggest that you show us exactly what you are attempting to do, so we can inspect the case and avoid further guesswork.
Regards,
Marin Bratanov
Telerik
This page is essentially a RadWindow without any of its scripts, merely the result of its rendering.
It is not possible, however, to have a RadWindow run and work without its scripts, because it even renders with JavaScript, not on the server. The only thing that can be reduced is the amount of custom core around it, i.e. its client-side event handlers that the developer can add.
In order for us to examine this case further I would suggest that you show us exactly what you are attempting to do, so we can inspect the case and avoid further guesswork.
Regards,
Marin Bratanov
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
Peter
Top achievements
Rank 1
Rank 1
answered on 26 Aug 2013, 12:09 PM
We are using a RadWindowManager like this:
We have a hardware device connected to the computer that allows for credit card swipes. The device is configured for keyboard mode. The swipe is from a company called UIC. This is what the device looks like:
http://www.uicworld.com/proimages/Products/MSR213U/MSR213_brochure.pdf
<telerik:RadWindowManager ID="WinMan" runat="server" Skin="Default" EnableShadow="false" MaxHeight="580" MaxWidth="1020" Style="z-index: 2001"> <Windows> <telerik:RadWindow runat="server" ID="Modal1" Skin="Default" Modal="true" KeepInScreenBounds="false" Behaviors="Close,Move" DestroyOnClose="false" Style="z-index: 3001" /> <telerik:RadWindow runat="server" ID="Modal2" Skin="Default" Modal="true" KeepInScreenBounds="false" Behaviors="Close,Move" DestroyOnClose="false" Style="z-index: 3051" /> <telerik:RadWindow runat="server" ID="Modal3" Skin="Default" Modal="true" KeepInScreenBounds="false" Behaviors="Close,Move" DestroyOnClose="false" Style="z-index: 3101" /> <telerik:RadWindow runat="server" ID="Modal4" Skin="Default" Modal="true" KeepInScreenBounds="false" Behaviors="Close,Move" DestroyOnClose="false" Style="z-index: 3151" /> <telerik:RadWindow runat="server" ID="Modal5" Skin="Default" Modal="true" KeepInScreenBounds="false" Behaviors="Close,Move" DestroyOnClose="false" Style="z-index: 3201" /> <telerik:RadWindow runat="server" ID="Modal6" Skin="Default" Modal="true" KeepInScreenBounds="false" Behaviors="Close,Move" DestroyOnClose="false" Style="z-index: 3251" /> <telerik:RadWindow runat="server" ID="Modal7" Skin="Default" Modal="true" KeepInScreenBounds="false" Behaviors="Close,Move" DestroyOnClose="false" Style="z-index: 3301" /> </Windows></telerik:RadWindowManager>We have a hardware device connected to the computer that allows for credit card swipes. The device is configured for keyboard mode. The swipe is from a company called UIC. This is what the device looks like:
http://www.uicworld.com/proimages/Products/MSR213U/MSR213_brochure.pdf
0
Hi Peter,
Only a RadWindow with keyboard shortcuts set adds a keydown handler for the body element of the page because this is the only way to achieve kyboard support. I do not see this in your code, so it should not be a reason for such a problem, yet the following override should reduce the calculations done by this functionality if it is still used (e.g. set in a theme or code-behind):
I am afraid I am not familiar with such devices and their input methods, yet I can suggest you try the different content modes of the RadWIndow to see if either will make a difference: http://demos.telerik.com/aspnet-ajax/window/examples/contenttemplatevsnavigateurl/defaultcs.aspx.
In the end, you can fall back to regular browser popups for this input functionality in case this device does not work nicely with our dialogs: http://demos.telerik.com/aspnet-ajax/window/examples/radopen/defaultcs.aspx.
Regards,
Marin Bratanov
Telerik
Only a RadWindow with keyboard shortcuts set adds a keydown handler for the body element of the page because this is the only way to achieve kyboard support. I do not see this in your code, so it should not be a reason for such a problem, yet the following override should reduce the calculations done by this functionality if it is still used (e.g. set in a theme or code-behind):
Telerik.Web.UI.RadWindow.prototype._onKeyDown = function (e){ }I am afraid I am not familiar with such devices and their input methods, yet I can suggest you try the different content modes of the RadWIndow to see if either will make a difference: http://demos.telerik.com/aspnet-ajax/window/examples/contenttemplatevsnavigateurl/defaultcs.aspx.
In the end, you can fall back to regular browser popups for this input functionality in case this device does not work nicely with our dialogs: http://demos.telerik.com/aspnet-ajax/window/examples/radopen/defaultcs.aspx.
Regards,
Marin Bratanov
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
Peter
Top achievements
Rank 1
Rank 1
answered on 26 Aug 2013, 12:55 PM
Adding Telerik.Web.UI.RadWindow.prototype._onKeyDown... to the page with the RadWindowManager had no effect on the speed the next is output to the field.
Are there any other keyboard events associated with RadWindow that I could try to block?
Are there any other keyboard events associated with RadWindow that I could try to block?
0
Hi Peter,
There are no other keyboard-related events used by RadWindow. You can download and inspect it source from your account in order to see if you will find something that you deem relevant to the case.
Regards,
Marin Bratanov
Telerik
There are no other keyboard-related events used by RadWindow. You can download and inspect it source from your account in order to see if you will find something that you deem relevant to the case.
Regards,
Marin Bratanov
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.