Style LinkButton as a regular HyperLink

[Al]

Hi 

Is there an easy way to style a LinkButton as a regular hyperlink? I would like the visuals of a HyperLink but have the event handling of the button

[Danail Vasilev]

Hi Al,

What I can suggest is that you try the following:
   - Remove the RadButton specific styles by removing its rbLinkButton class.
   - Set a css class through which you can add a border bottom and set a blue color to the text.

For example:

CSS:

<style>
    .myButton {
        color: blue;
        border-bottom: 1px solid blue;
    }
</style>

ASPX:

<script>
    function OnClientLoad(sender, args) {
        Sys.UI.DomElement.removeCssClass(sender.get_element(), 'rbLinkButton')
    }
</script>
<asp:HyperLink ID="Hyperlink1" NavigateUrl="http://www.bing.com" runat="server" Text="Navigate To" />
<telerik:RadButton ID="RadButton1" runat="server" ButtonType="LinkButton" NavigateUrl="http://www.bing.com" CssClass="myButton" Text="Navigate To" OnClientLoad="OnClientLoad" />

Regards,
Danail Vasilev
Telerik

[Al]

Thanks Danail,

I used this approach which also seems to work fine:

button.CssClass = "rbClearButton rbHyperlinkButton";

 

.rbClearButton,
.rbClearButton:hover {
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    color: #000 !important; /* optional, depending on the background */
}

.rbHyperlinkButton {
    border-bottom: 1px solid blue !important;
    color:blue !important;
}