I have been trying to add mobile support for your RadNumericTextBox Control. What I mean by that is when a user using a smartphone focuses on the control, a keyboard with only numbers will appear. This is easily achieved by changing the type of input from "text" to "tel". I also have js code to validate that the control has a valid value. I decided that I would use a WebControlAdapter to change the type.
Here is that code:
RadNumericTextBoxAdapter : WebControlAdapter
HtmlTextWriter w =
And here is the browser file:
Super simple nothing complicated about it and works perfectly:
(I simplified the some of it to make it easier to read)
However, my validation no longer worked. I inspected this and I found that the Telerik JS function $find() is no longer finding the control. (See js_output.png) When I compare the DOM Element of the changed control to the original I notice there are a few attributes missing. (See control_original.png and control_modified.png) From what I can tell the browser (Chrome in this case) isn't recognizing it as a "RadNumericTextBox" control anymore. I tried having the WebControlAdapter with nothing in it except an empty constructor and it still removed these attributes.
So after all of this explanation and assuming, what I would like to know is:
1. Why is the WebControlAdapter causing this?
2. Is the missing attributes the reason the $find() function is returning null for my control?