RadMaskedTextBox Remove Wrapping CSS Classes

[Scott]

I have a pre-existing set of styles in use for an application I'm building and the RadMaskedTextbox creates a <div /> wrapper around the control, with 

RadInput RadInput_Default

in the class declaration for the div. Is it possible to remove these? They override some of my default styling, so I'd rather they just don't get attached upon render at all if possible. This is for version 2017.1.228.45.

Thanks!

[Peter Milchev]

Hello Scott,

We would recommend using stronger selectors in your custom CSS. Here is an article that you might find helpful on the topic: Specifics on CSS Specificity. 

Removing the RadInput class might result in not only incorrect appearance but also unexpected behavior. If you really need to remove the classes from the wrapper element, you can subscribe to the ClientEvents-OnLoad event as demonstrated below:

<telerik:RadMaskedTextBox  ClientEvents-OnLoad="onLoad" ... ></telerik:RadMaskedTextBox>

<script>
    function onLoad(sender, args) {
        var wrapper = sender.get_wrapperElement();
        wrapper.classList.remove('RadInput');
        wrapper.classList.remove('RadInput_Default');
    }
</script>

Regards,
Peter Milchev
Telerik by Progress

[Scott]

[quote]Peter Milchev said:Hello Scott,

We would recommend using stronger selectors in your custom CSS. Here is an article that you might find helpful on the topic: Specifics on CSS Specificity. 

Removing the RadInput class might result in not only incorrect appearance but also unexpected behavior. If you really need to remove the classes from the wrapper element, you can subscribe to the ClientEvents-OnLoad event as demonstrated below:

<telerik:RadMaskedTextBox  ClientEvents-OnLoad="onLoad" ... ></telerik:RadMaskedTextBox>

<script>
    function onLoad(sender, args) {
        var wrapper = sender.get_wrapperElement();
        wrapper.classList.remove('RadInput');
        wrapper.classList.remove('RadInput_Default');
    }
</script>

Regards,
Peter Milchev
Telerik by Progress

[/quote]

 

Perfect! That's exactly what I needed. Thanks!