[Solved] Rounded corners

[Joe]

Hey guys!

I need to create round corners for menu tabs using CSS no images.
Found a solution how to do it here, as per example four, nifty tabs:
http://www.html.it/articoli/niftycube/index.html

The question I've got is how do I integrate it with a custom skin.
They are pointing to a tag in this manner:
Nifty("ul#nav a","small transparent top");

I've tried various combinations of using RadMenu_Bannered,
rmFocused, rmRootGroup but it doesn't seem to be doing it for me ;-((

Please help!!

[PureCode]

Hi,

I just had a really quick look at nifty cube. It comes with two javascript files, one of which may not be needed, but one is required as far as i can tell. Are you loading these files in page?

Regards,

Mike

[Joe]

Yes I am! And the custom menu skin itself is loading properly, no issues there... 

But I can't get this part right where I need to mention CSS components to use:

<script type="text/javascript">

 

 

 

window.onload = function() {

 

Nifty(

"RadMenu_Bannered rmRootGroup", "normal transparent top");

 

}

 

</script>

Here's a bit of the code that could be relevant:
<%

@ Master Language="C#" AutoEventWireup="true" CodeFile="content.master.cs" Inherits="OfficeChoice.OclCommerce.Web.content" %>

 

<%

@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>

 

<%

@ Register TagPrefix="OclCommerce" TagName="CustomerLoginChoiceWeb" Src="~/Modules/CustomerLoginChoiceWeb.ascx" %>

 

<%

@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

 

<%

@ Register TagPrefix="OclCommerce" TagName="Footer" Src="~/Modules/Footer.ascx" %>

 

<!

 

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

<

 

html xmlns="http://www.w3.org/1999/xhtml">

 

<

 

head runat="server">

 

<

 

script type="text/javascript" src="js/niftycube.js"></script>

 

<

 

script type="text/javascript">

 

window.onload =

function() {

 

Nifty(

"RadMenu_Bannered rmRootGroup", "normal transparent top");

 

}

</

 

script>

 

 

<asp:ContentPlaceHolder id="head" runat="server">

 

 

</asp:ContentPlaceHolder>

 

 

<link href="Bannered/Menu.Bannered.css" rel="stylesheet" type="text/css" />

 

</

 

head>

 

<

 

BODY topmargin=0 rightmargin=0 leftmargin=0 onload="setfocus();">

 

 

 

 

<form id="form1" runat="server">

 

 

<asp:ScriptManager ID="ScriptManager1" runat="server" />

 

 

<

 

div>

 

<

 

table id='navmain1' width='100%' height='50' bordercolor='#D12421' bgcolor='#D12421' cellpadding='0' cellspacing='0' Border = '0' >

 

<

 

tr><TD>

 

<

 

div id="TopNav">

 

 

<table width="100%" height="130px" cellpadding="0" cellspacing="0" border="0">

 

 

 

<tr>

 

 

<td colspan="2" id="Banner">

 

 

<div >

 

 

<div id='MenuPos' align="left" style="position:relative;top:-1px;left:20px;height:24px;">

 

 

<telerik:RadMenu ID="radMenu" Runat="server">

 

 

</telerik:RadMenu>

 

 

</div>

 

 

</div>

 

 

</td>

 

 

</tr>

 

 

</table>

 

</

 

div></td></tr>

 

</

 

table>

 

 

 

 

 

</form>

 

 

</

 

body>

 

</

 

html>

 

[Paul]

Hi Joe,

Unfortunately, we are not aware of this library and we cannot provide support on the matter.

Sincerely yours,
Paul
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.