设计RadMenu

时间:2013-02-07 19:00:18

标签: asp.net telerik radmenu

我希望能够通过菜单完成一些事情,但我很难想出来......

使字体变粗 使字体更大 使边框颜色变为红色 将项目一直对齐(而不是左侧)

有人可以告诉我如何才能做到这一点吗?

下面是我的标记..

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage0.master.cs"
    Inherits="MasterPage" %>

<!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">
    <link href="App_Themes/style0.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="js/jquery.core.js"></script>
    <script type="text/javascript" src="js/jquery.superfish.js"></script>
    <script type="text/javascript" src="js/jquery.jcarousel.pack.js"></script>
    <script type="text/javascript" src="js/jquery.easing.js"></script>
    <script type="text/javascript" src="js/jquery.scripts.js"></script>
    <title>Network Performance Portal</title>
    <link rel="stylesheet" href="style000.css" type="text/css" media="screen" />
    <style type="text/css">
        div.RadMenu2
        {
            float: right;
        }
    </style>
</head>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js" type="text/javascript1.5"></script>
<asp:contentplaceholder id="head" runat="server">
    </asp:contentplaceholder>
<body>
    <header>
        <div id="wrap">
            <div class="top_corner">
            </div>
            <div id="main_container">
                <div id="header">
                    <div id="logo">
                        <a href="http://wmsatsea.com/">
                            <img src="images/wmslogo.png" alt="" title="" border="0" /></a></div>
                </div>
                <form id="form1" runat="server">
                <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
                </telerik:RadScriptManager>
                <div>
                    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
                        <telerik:RadMenu ID="RadMenu2" runat="server" Width="85%" Font-Bold="true" Font-Size="Large"
                            BorderColor="Red">
                            <Items>
                                <telerik:RadMenuItem runat="server" ExpandMode="ClientSide" Text="Reports">
                                    <Items>
                                        <telerik:RadMenuItem runat="server" ExpandMode="ClientSide" Text="Satellite Availability"
                                            NavigateUrl="SatReport_Container.aspx" />
                                        <telerik:RadMenuItem runat="server" ExpandMode="ClientSide" Text="Call Attempts"
                                            NavigateUrl="CA_Container.aspx" />
                                        <telerik:RadMenuItem runat="server" ExpandMode="ClientSide" Text="Minutes of Usage"
                                            NavigateUrl="MinUsage_Container.aspx" />
                                        <telerik:RadMenuItem runat="server" ExpandMode="ClientSide" Text="Dropped Call %"
                                            NavigateUrl="Container.aspx" />
                                        <telerik:RadMenuItem runat="server" ExpandMode="ClientSide" Text="Call Success Rate %"
                                            NavigateUrl="Success_Container.aspx" />
                                        <telerik:RadMenuItem runat="server" ExpandMode="ClientSide" Text="CrewzFone Sales"
                                            NavigateUrl="Crewzfone_Sales.aspx" />
                                    </Items>
                                </telerik:RadMenuItem>
                                <telerik:RadMenuItem runat="server" ExpandMode="ClientSide" Text="Contact Us" NavigateUrl="http://wmsatsea.com/default.aspx">
                                </telerik:RadMenuItem>
                                <telerik:RadMenuItem runat="server" ExpandMode="ClientSide" Text="WMS Website" NavigateUrl="http://wmsatsea.com/">
                                </telerik:RadMenuItem>
                                <telerik:RadMenuItem runat="server" ExpandMode="ClientSide" Text="Revenue">
                                    <Items>
                                        <telerik:RadMenuItem runat="server" ExpandMode="ClientSide" Text="Revenue" NavigateUrl="~/Revenue/ManageSubscriptions.aspx" />
                                        <telerik:RadMenuItem runat="server" ExpandMode="ClientSide" Text="SMS Count" NavigateUrl="MobileSMS_Container.aspx" />
                                        <telerik:RadMenuItem runat="server" ExpandMode="ClientSide" Text="Carrier Activity"
                                            NavigateUrl="MoActivity_Container.aspx" />
                                    </Items>
                                </telerik:RadMenuItem>
                            </Items>
                        </telerik:RadMenu>
                    </asp:ContentPlaceHolder>
                </div>
                <asp:ContentPlaceHolder ID="MainContent" runat="server">
                </asp:ContentPlaceHolder>
                <br />
                <br />
                <br />
                <br />
                </form>
                <div class="clear">
                </div>
            </div>
            <div class="clear">
            </div>
        </div>
    </header>
    <footer>
        <div id="footWrap">
            <div id="footPanel">
                <div id="footNav">
                    <ul>
                        <li></li>
                        <li><a href="#">Home</a></li>
                        <li>
                            <div class="blank">
                                |</div>
                        </li>
                        <li><a href="#">Online Support</a></li>
                        <li>
                            <div class="blank">
                                |</div>
                        </li>
                        <li><a href="#">Solutions</a></li>
                        <li>
                            <div class="blank">
                                |</div>
                        </li>
                        <li><a href="#">Site Map</a></li>
                        <li>
                            <div class="blank">
                                |</div>
                        </li>
                        <li><a href="#">Report Requests</a></li>
                        <li>
                            <div class="blank">
                                |</div>
                        </li>
                        <li><a href="#">Projects</a></li>
                        <li>
                            <div class="blank">
                                |</div>
                        </li>
                        <li><a href="#">Contact Us</a></li>
                    </ul>
                </div>
                <div id="copyright">
                    <p>
                        © Copyright WMS. All Rights Reserved.</p>
                </div>
                <p>
                    Designed By: Software Development Team</p>
            </div>
        </div>
    </footer>
</body>
</html>

2 个答案:

答案 0 :(得分:1)

!important

这是你知道用RadMenu做你想做的最重要的重要的事情。

第二种方法是将 EnableEmbeddedSkins 属性设置为false。


部分链接:


为了快速查看,您可以使用以下标记

更改RadMenu上的文本
  • .RadMenu .rmItem .rmExpandDown - 只有&#34;标题&#34;菜单。
  • .RadMenu .rmText - 所有文字菜单

答案 1 :(得分:0)

你需要覆盖telerik的css。使用viewsource和firebug的组合来最有效地完成此操作。此外,与radmenu的css类层次结构的这个令人敬畏的链接在过去帮助了我。

http://www.telerik.com/help/aspnet-ajax/menu-appearance-css-file.html