Hi Telerik Guys !
Im using RAD MENU in one of my project.
I want RAD MENU to have ROUNDED CORNERS.
Presently, Im using the following mentioned RAD MENU (without ROUNDED CORNERS) as shown in pic-1.jpg.
I want to have a ROUNDED CORNERS for the RAD MENU but without using any image (.gif,.png,.jpeg) & only using CSS.
What I want in my RAD MENU is something like I will show in attached file with name as RoundedCornerMenu.png
Please help how to proceed !
Ajay
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" ValidateRequest="true" %><%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title> <script> var RadFausTree = ""; function SFAUS() { val = "<ALL>/<ALL>/<ALL>"; combo = $find(RadFausTree); combo.trackChanges(); var escapedText = htmlEscape(val); //esc = val; //alert(escapedText); combo.set_text(escapedText); combo.set_value(""); cancelDropDownClosing = false; combo.commitChanges(); combo.hideDropDown(); } function htmlEscape(str) { return String(str) .replace(/&/g, '&') .replace(/"/g, '"') .replace(/'/g, ''') .replace(/</g, '<') .replace(/>/g, '>'); } </script></head><body> <form id="form1" runat="server"> <asp:ScriptManager runat="server"></asp:ScriptManager> <div> <telerik:RadComboBox ID="RadFausTree" Width="100%" Height="300px" AllowCustomText="true" EmptyMessage="Select The Faus" runat="server"/> <input type="button" value="Set Text" onclick="SFAUS()" /> <asp:Button runat="server" ID="btnSubmit" Text="Submit" OnClick="btnSubmit_Click"/> </div> </form></body></html>using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.UI;using System.Web.UI.WebControls;public partial class _Default : System.Web.UI.Page{ protected void Page_Load(object sender, EventArgs e) { RegisterStartupScript ("strKey", "<script>RadFausTree='"+RadFausTree.ClientID+"';</script>"); } protected void btnSubmit_Click (object sender, EventArgs e) { }}<telerik:RadGrid ID="rgAgencyMaster" runat="server" AutoGenerateColumns="false"
PageSize="20" Width="90%" AllowFilteringByColumn="true" AllowPaging="true" Height="500px"
AllowSorting="True" skin="Sunset" EnableEmbeddedSkins="False">
<PagerStyle Mode="NextPrevAndNumeric" ></PagerStyle>
<GroupingSettings CaseSensitive="false" />
<MasterTableView TableLayout="Fixed" AllowMultiColumnSorting="true" AllowNaturalSort="true"
DataKeyNames="AgentKey,AgencyDownloadKey">
<CommandItemSettings ExportToPdfText="Export to PDF"
ExportToCsvImageUrl="mvwres://Telerik.Web.UI, Version=2013.1.403.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Default.Grid.ExportToCsv.gif"
ExportToExcelImageUrl="mvwres://Telerik.Web.UI, Version=2013.1.403.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Default.Grid.ExportToExcel.gif"
ExportToPdfImageUrl="mvwres://Telerik.Web.UI, Version=2013.1.403.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Default.Grid.ExportToPdf.gif"
ExportToWordImageUrl="mvwres://Telerik.Web.UI, Version=2013.1.403.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Default.Grid.ExportToWord.gif" />
<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">
<HeaderStyle Width="20px" />
</RowIndicatorColumn>
<ExpandCollapseColumn Created="True" FilterControlAltText="Filter ExpandColumn column"
Visible="True">
<HeaderStyle Width="20px" />
</ExpandCollapseColumn>
<Columns>
<telerik:GridBoundColumn UniqueName="AgencyDownloadKey" DataField="AgencyDownloadKey"
HeaderText="AgencyDownloadKey" HeaderStyle-Width="30%" Visible="false" DataType="System.String" >
<HeaderStyle Width="30%" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="AgentKey" DataType="System.Int64" HeaderText="AgentKey"
SortExpression="AgentKey" UniqueName="AgentKey" Visible="false">
</telerik:GridBoundColumn>
<telerik:GridTemplateColumn UniqueName="TemplateEditColumn" ItemStyle-Width="8%"
HeaderStyle-Width="8%" AllowFiltering="false">
<ItemTemplate>
<asp:LinkButton ID="EditLink" runat="server" Text="Edit Agent" CommandName="EditAgent"></asp:LinkButton>
</ItemTemplate>
<HeaderStyle Width="8%" />
<ItemStyle Width="8%" />
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn UniqueName="TemplatePolicyListingColumn" ItemStyle-Width="8%"
HeaderStyle-Width="8%" AllowFiltering="false">
<ItemTemplate>
<asp:LinkButton ID="PolicyListing" runat="server" Text="Policy Listing" CommandName="PolicyListing"></asp:LinkButton>
</ItemTemplate>
<HeaderStyle Width="8%" />
<ItemStyle Width="8%" />
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn UniqueName="TemplateAgencyUsers" ItemStyle-Width="8%"
HeaderStyle-Width="8%" AllowFiltering="false">
<ItemTemplate>
<%-- <asp:LinkButton ID="AgencyUsers" runat="server" Text="Agency Users"></asp:LinkButton>--%>
<a href='<%#generateReturnLink("users")%>&stAgentNumb=<%#Uri.EscapeDataString(Eval("AgentNumb").ToString)%>&stAgentSubCode=<%#Uri.EscapeDataString(Eval("AgentSubCode").ToString)%>'>
<%="Agency Users"%></a>
</ItemTemplate>
<HeaderStyle Width="8%" />
<ItemStyle Width="8%" />
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn UniqueName="TemplateMessages" ItemStyle-Width="8%" HeaderStyle-Width="8%"
AllowFiltering="false">
<ItemTemplate>
<%--<asp:LinkButton ID="Messages" runat="server" Text="Messages"></asp:LinkButton>--%>
<a href='<%#generateReturnLink("message")%>&AgentNo=<%#Uri.EscapeDataString(Eval("AgentNumb").ToString)%>&AgentKey=<%#Uri.EscapeDataString(Eval("AgentKey").ToString)%>'>
<%="Message"%></a>
</ItemTemplate>
<HeaderStyle Width="8%" />
<ItemStyle Width="8%" />
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn DataField="Name" DataType="System.String" HeaderText="Name"
SortExpression="Name" UniqueName="Name" Visible="true" ItemStyle-Width="40%"
HeaderStyle-Width="30%" FilterControlWidth="70%" AutoPostBackOnFilter="true"
CurrentFilterFunction="Contains" ShowFilterIcon="false">
<HeaderStyle Width="30%" />
<ItemStyle Width="40%" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="AgentNumb" DataType="System.String" HeaderText="Agent Number"
SortExpression="AgentNumb" UniqueName="AgentNumb" Visible="true" ItemStyle-Width="15%"
HeaderStyle-Width="15%" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains"
ShowFilterIcon="false">
<HeaderStyle Width="15%" />
<ItemStyle Width="15%" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="AgentSubCode" DataType="System.String" HeaderText="Sub-Code"
SortExpression="AgentSubCode" UniqueName="AgentSubCode" Visible="true" ItemStyle-Width="15%"
HeaderStyle-Width="15%" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains"
ShowFilterIcon="false">
<HeaderStyle Width="15%" />
<ItemStyle Width="15%" />
</telerik:GridBoundColumn>
<telerik:GridTemplateColumn UniqueName="TemplateElectronicDelivery" ItemStyle-Width="8%"
HeaderStyle-Width="8%" AllowFiltering="false" HeaderText="Electronic Delivery">
<ItemTemplate>
<asp:LinkButton ID="Delivery" runat="server" Text='<%# Bind("Download") %>' CommandName="Download"></asp:LinkButton>
</ItemTemplate>
<HeaderStyle Width="8%" />
<ItemStyle Width="8%" />
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn UniqueName="ElectronicEmail" DataField="ElectronicEmail"
HeaderText="ElectronicEmail" HeaderStyle-Width="1%" Visible="false">
<HeaderStyle Width="1%" />
</telerik:GridBoundColumn>
</Columns>
<EditFormSettings>
<EditColumn FilterControlAltText="Filter EditCommandColumn column"
CancelImageUrl="Cancel.gif" InsertImageUrl="Update.gif"
UpdateImageUrl="Update.gif">
</EditColumn>
</EditFormSettings>
<PagerStyle PageSizeControlType="RadComboBox" />
</MasterTableView>
<ClientSettings>
<Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="True">
</Scrolling>
<ClientEvents></ClientEvents>
</ClientSettings>
<HeaderContextMenu EnableEmbeddedSkins="False">
</HeaderContextMenu>
<FilterMenu EnableEmbeddedSkins="False" EnableImageSprites="False">
</FilterMenu>
</telerik:RadGrid>