[Solved] How to hide a button that has telerik css styles ?

[Alexandre]

Hi, I have the following html button:

<input type="button" id="SubmitEnviado" runat="server" style="display: none !important" onserverclick="SubmitEnviado_Click" />

I need to hide it.

So i tried adding the following to my project's css:

a.rfdSkinnedButton, #ctl00_ContentPlaceMaster_SubmitEnviado, #ctl00$ContentPlaceMaster$SubmitEnviado, #ctl00_ContentPlaceMaster_SubmitEnviado
{
    display: none !important;
}

Its not working.
How can i hide this button ?

Thanks in advance.

[Slav]

Hi Alexandre,

Note that the CSS selector you are using will be applied to a button element that is decorated via the RadFormDecorator control (in this case it will have a CSS class rfdSkinnedButton applied) or if it is in a content page (the id selector of the button is modified according to its position in the master page setup).

You can use the following approach to hide the button element regardless of the setup of your page:
1. Create a new CSS class that will include display: none:

.hiddenButton{
    display: none !important;
}

2. Apply the class to the button:

<input type="button" id="SubmitEnviado" runat="server" class="hiddenButton" value="Button" />

Even if there is a RadFormDecorator on the page, it will skip the button because it has a configured class attribute.

Regards,
Slav
Telerik

[Alexandre]

It worked. Thanks !