or
<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; }}