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>Hello,
I created a RadToolBar with version Q2 2008 and everything look great. I'm now upgrading our site to use version Q3 2010, and my RadToolBar now looks ugly. There are three main faults. (See attached screen shots)
1. A white bar has appeared when a button or drop down menu is highlighted.
2. Buttons that belong to a drop down do not show there images fully.
3. Buttons that belong to a drop down are highlighted in bars.
I've created a test site with a RadToolBar. I can change my reference of Telerik.Web.UI.dll from Q2 2008 to Q3 2010 to experience the differences quickly, which looks like:
<%@ 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"> <title>Toolbar Test</title> </head> <body> <form id="form1" runat="server"> <telerik:RadScriptManager ID="ScriptManager1" runat="server" /> <telerik:RadToolBar runat="server" id="MyBar" Orientation="Vertical" > <Items> <telerik:RadToolBarDropDown runat="server" ImageUrl="~/Images/NewReceipt.jpg" Text="DropDown 0"> <Buttons> <telerik:RadToolBarButton runat="server" ImageUrl="~/Images/ReceiptInternal.jpg" Text="Child Button 1" Height="58px"> </telerik:RadToolBarButton> <telerik:RadToolBarButton runat="server" ImageUrl="~/Images/ReceiptExternal.jpg" Text="Child Button 2" Height="58px"> </telerik:RadToolBarButton> </Buttons> </telerik:RadToolBarDropDown> </Items> </telerik:RadToolBar> </form> </body> </html>Can anyone help me to fix these faults?
Thanks,
Matt
protected void RadListBox_Dropped(object sender, RadListBoxDroppedEventArgs e){ foreach( RadListBoxItem item in e.SourceDragItems) { RadDock dock = CreateRadDock(); dock.Tag = item.Text; dock.Title = dock.Tag + CurrentDockStates.Count.ToString(); RadDockZone1.Controls.Add(dock); CreateSaveStateTrigger(dock); LoadContent(dock); }}private RadDock CreateRadDock(){ RadDock dock = new RadDock(); dock.DockMode = DockMode.Docked; dock.UniqueName = Guid.NewGuid().ToString().Replace("-", "a"); //Why am I replacing with 'a' here? dock.ID = string.Format("RadDock{0}", dock.UniqueName); dock.Title = "Dock"; dock.Skin = RadDockLayout1.Skin; dock.Width = Unit.Pixel(200); dock.EnableRoundedCorners = true; return dock;}private void CreateSaveStateTrigger(RadDock dock){ dock.AutoPostBack = true; dock.CommandsAutoPostBack = true; AsyncPostBackTrigger saveStateTrigger = new AsyncPostBackTrigger(); saveStateTrigger.ControlID = dock.ID; saveStateTrigger.EventName = "DockPositionChanged"; UpdatePanel1.Triggers.Add(saveStateTrigger); saveStateTrigger = new AsyncPostBackTrigger(); saveStateTrigger.ControlID = dock.ID; saveStateTrigger.EventName = "Command"; UpdatePanel1.Triggers.Add(saveStateTrigger);}private void LoadContent(RadDock dock){ switch (dock.Tag) { case "Cat 5e Capacity": System.Web.UI.Control ctrl = Page.LoadControl("PowerUsage.ascx"); dock.ContentContainer.Controls.Add(ctrl); break; }}