EnableSingleInputRendering Breaking Change

[Kori]

Hey,

So - from what we've noticed, this small breaking change actually did quite a number on our site. We've had to implement a site wide control skin to set EnableSingleInputRendering=false for all applicable RadControls.

For one, we noticed that when EnableSingleInputRendering=true, which is the default now, that the final input dom element gets the style "color: transparent;" when the control is not in focus. Why is this?

Thanks,
Kori

[Galin]

Hello Kori,

The main idea of the SingleInputRendering is to optimize the RadControl rendering and Client-Side API. By using this mode only two main HTML elements are rendered on the page, instead of two or three (depending on the specific RadInput) which are rendered in the non-single mode of the RadInput controls.

The two main HTML elements of the RadInput in single input rendering mode are:

• The input element in which the user types and submits.
• Span element over the input that holds formatted and empty messages when needed.

When the input is not focused these two elements are visible in the same time. Therefore, we should hide the text in the input with colour transparent and the original colour is set to the span element.

Please do not hesitate to contact us if other questions or problems arise.

Greetings,
Galin
the Telerik team

[Christian Pardun]

Dear Galin,

unfortunaltly it would be a amount of work to fix all issue on your side related to the new feature EnableSingleInputRendering.

Do you have a good workaround to set this option EnableSingleInputRendering to false as default?

This would help me a lot, because the css design would be a big problem and we use a lot of RadInputs!! At this time I can't address time to fix it.

Thanks a lot,

Kind regards
Christian

[Christian Pardun]

Dear Galin,

i found a temperary solution that fits it. Our pages have a base class so I can implemented an OnLoad Event and get all RadInputControls. Then I set the property EnableSingleInputRendering to false.

Do Telerik only change RadInputControls or there are other contorls has this property (EnableSingleInputRendering) and not based on the class RadInputControls?

Thanks a lot,

Kind regards
Christian

[Galin]

Hi,

There is an other way to disable the properly globally using ControlAdapter, see the attached WebSite for working example.

I hope this helps.

Kind regards,
Galin
the Telerik team

[Lee]

Had the similar issue when started refering to 2012 Q2 telerik dlls (2012.2.815.40)

So tried using the ControlAdapter given in the attachment, then some input controls were fixed, but RadDatePickers width increased.
Check the attachment for reference

[Vasil]

Hi Lee,

In the version you referred the RadDatePickers are having the same width in both rendering modes of their inputs. Could you check if you use some custom styles in your page, that may need to be adjusted for the old rendering mode if you like to use it? What happens if you remove all custom CSS from your page?

Kind regards,
Vasil
the Telerik team