Please see the image, as RadMenu has imageURL which is overlapping the text and image. Please provide me the solution for the below code.
Using C#, ASP.NET Q3 2009.
<%
@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%
@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!
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 id="Head1" runat="server">
<style type="text/css">
/*We need these lines of code using for Menu Item.*/
.RadMenu .rmGroup .rmText
{
padding: 0 0px 0 0px !important;
}
</style>
<title>Action Menu</title>
</
head>
<
body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<telerik:RadToolTipManager ID="ttMng" runat="server" AutoTooltipify="true" ToolTipZoneID="CleasActionMenuControl"
Skin="Web20" ShowCallout="false" AutoCloseDelay="0" HideEvent="LeaveTargetAndToolTip"
Width="300" Visible="true" Animation="Fade">
</telerik:RadToolTipManager>
<telerik:RadToolTipManager ID="RadToolTipManagerImage" ToolTipZoneID="CleasActionMenuControl"
Style="z-index: 1000" ShowCallout="false" Skin="Web20" RelativeTo="Mouse" HideEvent="ManualClose"
Position="BottomRight" Animation="Fade" Width="250px" Height="150px" ContentScrolling="Default"
runat="server" Visible="false" ShowEvent="FromCode">
</telerik:RadToolTipManager>
<telerik:RadMenu ID="CleasActionMenuControl" EnableEmbeddedSkins="true" Skin="Office2007"
CausesValidation="false" Flow="Horizontal" Width="185px" ClickToOpen="false"
runat="server">
<CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>
<Items>
<telerik:RadMenuItem Enabled="true" Text="Select Action">
<GroupSettings ExpandDirection="Down" Flow="Vertical" OffsetX="0" Width="185px" />
<Items>
<telerik:RadMenuItem Enabled="true" Text="info_light_bg.gif"+"Reopen" ToolTip=""
/>
<telerik:RadMenuItem Enabled="false" Text="Rollover" ImageUrl="info_light_bg.gif"
ToolTip="<strong>You cannot perform this action because there is a reason you can't. \nOtherwise, \nyou'll just see a really long message here in the tooltip. Unless, of course, you can't. In this case, you won't see a really long tooltip, just this.</strong>" />
<telerik:RadMenuItem Enabled="true" Text="Save as New" ToolTip="" />
<telerik:RadMenuItem Enabled="true" Text="Withdraw" ToolTip="" />
</Items>
</telerik:RadMenuItem>
</Items>
</telerik:RadMenu>
</form>
</
body>
</
html>
<div><telerik:RadSpell ID="RadSpell1" runat="server" ClientTextSource="_variableSpellSource" ButtonType="None" Overlay="true" IsClientID="True" OnClientDialogClosed="spellingfinished" SupportedLanguages="en-US,English,fr-FR,French" /> </div><script type="text/javascript"> // Called from silverlight to check text from Silverlight function CheckSpelling(text, lang) { _variableSpellSource.set_text(text); var rs = GetRadSpell('<%= RadSpell1.ClientID %>'); rs.Language = lang;
rs.DictionaryLanguage = lang; rs.startSpellCheck(); } // Calls silverlight back when spell check is done function spellingfinished(sender, e) { document.getElementById("silverlightControl").Content.Page.SpellCheckDone(_variableSpellSource.get_text()); _variableSpellSource.set_text(""); } var _variableSpellSource = new VariableSpellSource(); //object used in custom spell method (so I dont have to put text into a DOM object) var _defaultPageSpellText = ""; // The text to spell check // Class to allow custom spelling source function VariableSpellSource() { this.get_text = function() { return _defaultPageSpellText; } this.set_text = function(newValue) { _defaultPageSpellText = newValue; } }</script><asp:Button ID="Button1" runat="server" CausesValidation="False" CommandName="Delete" Text="Delete" OnClientClick="return confirm('Are you certain you want to delete this Customer?')" BackColor="#3333CC" Font-Bold="True" Font-Names="Arial" Font-Size="X-Small" ForeColor="White" /> <telerik:RadButton ID="RadButton6" runat="server" CausesValidation="False" CommandName="Delete" Text="Delete" Skin="Web20" OnClientClick="return confirm('Are you certain you want to delete this Customer?')"> </telerik:RadButton>
Hi Team,
I have a Telerik grid in my application like figure 1. I would like to add a link button(Edit) on every visible header column as Figure 2. When I click the Edit button, it has to allow the user to edit the header text, and it has to allow to update the edited header. see figure 3.
Figure 1:
|
Name |
Age |
Country |
City |
|
Jogn |
25 |
USA |
CA |
|
Micheal |
28 |
USA |
NY |
|
Marie |
23 |
USA |
LA |
Figure 2:
|
Name Edit |
Age Edit |
Country Edit |
City Edit |
|
Jogn |
25 |
USA |
CA |
|
Micheal |
28 |
USA |
NY |
|
Marie |
23 |
USA |
LA |
Figure 3:
|
|
Age Edit |
Country Edit |
City Edit |
||
|
Jogn |
25 |
USA |
CA |
||
|
Micheal |
28 |
USA |
NY |
||
|
Marie |
23 |
USA |
LA |
The box which holds the “First Name” text is a TextBox.
Please send me a solution as soon as possible.
Thanks
Alexis
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px" Width="75px"> <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' style="border: 0px;" /> </telerik:RadAjaxLoadingPanel> <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Width="100%" EnablePageHeadUpdate="False" HorizontalAlign="NotSet" LoadingPanelID="RadAjaxLoadingPanel1" > <div class="ArtistQueryItemrow"> </div> <div class="ArtistQueryItemrow"> <h1><asp:Literal ID="LiteralQueryMessage" runat="server" Visible="False"></asp:Literal></h1> <asp:DataList ID="DataListBloggQuery" runat="server" RepeatLayout="Table" onitemdatabound="DataListBloggQuery_ItemDataBound" Width="100%" RepeatColumns="1"> <ItemTemplate> <div id="profile_listing"> <div class="description"> <h1> <asp:Label ID="LabelBloggDate" runat="server" AssociatedControlID="LiteralBlogg"></asp:Label></h1> <p><asp:Literal ID="LiteralBlogg" runat="server" ></asp:Literal></p> </div> </div> </ItemTemplate> </asp:DataList> </div> </telerik:RadAjaxPanel>