how to skin simple hyperlink using skin manager

[richard]

Sorry I am a telerik nube user!

I am using the Q3 SkinManager control in my master page, but how to I get hyperlinks to be skinned?

I have a simple hyperlink like this:

<a href='www.google.com' target='_blank'>Google</a>

 

I would like the embedded Skins to apply their default style.

Thanks!

 

[Princy]

Hello,

RadSkinManager allow you to only set the Skin for each RadControl on the page. So one suggestion is you can add class and set CSS style.

Thanks,
Princy.

[richard]

Thanks @Princy

ah I see, I suppose that applies to asp label controls too.

So I would have to create a css style for each skin?

something like this for each scheme maybe?

.RadForm_Black .a {color:White;}
.RadForm_Black .a:link {color:White;}
.RadForm_Black .a:visited {color:White;}
.RadForm_Black .a:hover {color:White;}
.RadForm_Black .a:active {color:White;}

 

 

... choosing colours somehow that would be appropriate.

Has anyone already done this for the built in skins, it looks a bit daunting!

Thanks

[richard]

dupe post removed

[richard]

dupe post removed

[richard]

Perhaps the colours could be inherited from the Skin somehow?

[Niko]

Hi Richard,

If you wish to provide a custom look and feel of the hyper-links in your web application, you will need to create this custom CSS. Unfortunately there is no way to inherit any variable-like information from the built-in CSS resources, as the CSS language is not designed to support such inheritance.

Hope this helps you understand the situation better.

Regards,
Niko
the Telerik team

[richard]

Hi Niko

I just had an idea!

I am thinking of using a RadLinkButton instead - and somehow remove the border so it looks just like a hyperlink?

What do you think?

Richard

[richard]

Actually I think I mean RadButton  - how to make it look like a hyperlink - like the asp.net LinkButton.
I guess then it will inherit properties from the skin .. I will try it !!

Richard

[Niko]

Hi Richard,

Please, correct me if I have misunderstood your request, but you wish to make the RadButton look like a simple hyper-link. Then first you need to set the ButtonType to LinkButton. After that you should set EnableEmbeddedBaseStylesheet and EnableEmbeddedSkins to false, thus disabling any skinning whatsoever. Doing this you will make the RadButton look like a simple hyper-link.

Hope this helps.

Regards,
Niko
the Telerik team