Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
82 views
The RadEditor Hyperlink should support graphic content. I see only documents are allowed. Kindly patch. Thank you.
Dobromir
Telerik team
 answered on 03 Jun 2010
2 answers
151 views
is there a way that i can override this?  it appears to be an IE only setting.  but align="center" has very different meaning than align="middle".  align="middle" is not even a valid value.  stupid IE.  the middle attribute is only applicable for the valign attribute.  If i have html code with align="center" it is immediately converted to align="middle" when the content is loaded in IE.  I am using the latest 2010 non-beta release of the Rad Controls.

My RadEditor definition code looks like this:

                        <telerik:RadEditor ID="EMailContentEditor" runat="server" Skin="Web20" Width="100%" ContentFilters="None"
                          ConvertToXhtml="false" ConvertFontToSpan="false"
                            EditModes="Design,Html" Height="600px" OnClientCommandExecuting="OnClientCommandExecuting"
                             OnClientLoad="OnClientLoad">
                            <CssFiles>
                                <telerik:EditorCssFile Value="/EditorBody.css?1" />
                            </CssFiles>
                            <Symbols>
                                <telerik:EditorSymbol Char="\u20AC" />
                                <telerik:EditorSymbol Char="\u00A2" />
                                <telerik:EditorSymbol Char="\u00A3" />
                                <telerik:EditorSymbol Char="\u00A5" />
                                <telerik:EditorSymbol Char="\u00A4" />
                                <telerik:EditorSymbol Char="\u00A9" />
                                <telerik:EditorSymbol Char="\u00AE" />
                                <telerik:EditorSymbol Char="\u2122" />
                                <telerik:EditorSymbol Char="\u00B1" />
                                <telerik:EditorSymbol Char="\u2260" />
                                <telerik:EditorSymbol Char="\u2248" />
                                <telerik:EditorSymbol Char="\u2264" />
                                <telerik:EditorSymbol Char="\u2265" />
                                <telerik:EditorSymbol Char="\u00F7" />
                                <telerik:EditorSymbol Char="\u00D7" />
                                <telerik:EditorSymbol Char="\u221E" />
                                <telerik:EditorSymbol Char="\u00BD" />
                                <telerik:EditorSymbol Char="\u00BC" />
                                <telerik:EditorSymbol Char="\u00BE" />
                                <telerik:EditorSymbol Char="\u00B2" />
                                <telerik:EditorSymbol Char="\u00B3" />
                                <telerik:EditorSymbol Char="\u2026" />
                                <telerik:EditorSymbol Char="\u2013" />
                                <telerik:EditorSymbol Char="\u2014" />
                                <telerik:EditorSymbol Char="\u25B6" />
                                <telerik:EditorSymbol Char="\u00E9" />
                                <telerik:EditorSymbol Char="\u2022" />
                                <telerik:EditorSymbol Char="\u271D" />
                            </Symbols>
                            <Modules>
                                <telerik:EditorModule Name="RadEditorHtmlInspector" Enabled="true" Visible="false" />
                                <telerik:EditorModule Name="RadEditorDomInspector" Enabled="true" Visible="true" />
                            </Modules>
                            <Tools>
                                <telerik:EditorToolGroup>
                                    <telerik:EditorTool Name="ModuleManager"></telerik:EditorTool>
                                </telerik:EditorToolGroup>
                            </Tools>
                            <FontNames>
                                <telerik:EditorFont Value="Arial" />
                                <telerik:EditorFont Value="Courier New" />
                                <telerik:EditorFont Value="Garamond" />
                                <telerik:EditorFont Value="Georgia" />
                                <telerik:EditorFont Value="MS Sans Serif" />
                                <telerik:EditorFont Value="Sego UI" />
                                <telerik:EditorFont Value="Tahoma" />
                                <telerik:EditorFont Value="Times New Roman" />
                                <telerik:EditorFont Value="Verdana" />
                            </FontNames>
                        </telerik:RadEditor>

and the referenced load scripts look like this:
                        <script language="javascript" type="text/javascript">

                            var beforePostbackHandler = function() {

                                var editor = $find("<%= EMailContentEditor.ClientID %>");
                                var colorArray = document.getElementById("<%= colorArray.ClientID %>");
                                var setCookie = document.getElementById("<%=setCookie.ClientID %>");
                                setCookie.value = "1";
                                colorArray.value = editor.get_colors();
                            }

                            function OnClientCommandExecuting(editor, args) {
                                var name = args.get_name();
                                var val = args.get_value();
                            }

                            function OnClientLoad(editor) {
                                editor.get_filtersManager().add(new SymbolsCustomFilter());
                                editor.get_filtersManager().add(new ImageAlignmentCustomFilter());
                            }

                            SymbolsCustomFilter = function() {
                                SymbolsCustomFilter.initializeBase(this);
                                this.set_isDom(false);
                                this.set_enabled(true);
                                this.set_name("RadEditor Symbol Filter");
                                this.set_description("RadEditor custom symbols replacement filter");
                            }

                            SymbolsCustomFilter.prototype =
                            {
                                getHtmlContent: function(content) {
                                    //Make changes to the content and return it    
                                    //Convert all symbols to their numeric HTML entities    
                                    newContent = content.replace(/\u20AC/g, "&euro;");
                                    newContent = newContent.replace(/\u00A2/g, "&cent;");
                                    newContent = newContent.replace(/\u00A3/g, "&pound;");
                                    newContent = newContent.replace(/\u00A5/g, "&yen;");
                                    newContent = newContent.replace(/\u00A4/g, "&curren;");
                                    newContent = newContent.replace(/\u00A9/g, "&copy;");
                                    newContent = newContent.replace(/\u00AE/g, "&reg;");
                                    newContent = newContent.replace(/\u2122/g, "&trade;");
                                    newContent = newContent.replace(/\u00B1/g, "&#177;");
                                    newContent = newContent.replace(/\u2260/g, "&#8800;");
                                    newContent = newContent.replace(/\u2248/g, "&#8776;");
                                    newContent = newContent.replace(/\u2264/g, "&#8804;");
                                    newContent = newContent.replace(/\u2265/g, "&#8805;");
                                    newContent = newContent.replace(/\u00F7/g, "&divide;");
                                    newContent = newContent.replace(/\u00D7/g, "&times;");
                                    newContent = newContent.replace(/\u221E/g, "&#8734;");
                                    newContent = newContent.replace(/\u00BD/g, "&frac12;");
                                    newContent = newContent.replace(/\u00BC/g, "&frac14;");
                                    newContent = newContent.replace(/\u00BE/g, "&frac34;");
                                    newContent = newContent.replace(/\u00B2/g, "&sup2;");
                                    newContent = newContent.replace(/\u00B3/g, "&sup3;");
                                    newContent = newContent.replace(/\u2026/g, "&#8230;");
                                    newContent = newContent.replace(/\u2013/g, "&#8211;");
                                    newContent = newContent.replace(/\u2014/g, "&#8212;");
                                    newContent = newContent.replace(/\u25B6/g, "&#9658;");
                                    newContent = newContent.replace(/\u2022/g, "&#8226;");
                                    newContent = newContent.replace(/\u00E9/g, "&eacute;");
                                    newContent = newContent.replace(/%5B%7E/g, "[~");
                                    newContent = newContent.replace(/%7E%5D/g, "~]");
                                    newContent = newContent.replace(/\u271D/g, "&#10013;");

                                    var tempImagePath = '<%=ConfigurationManager.AppSettings["baseImagePath"].ToString() %>';
                                    var libReplace = new RegExp("src=\"/ImageLibrary/", "g");
                                    newContent = newContent.replace(libReplace, "src=\"http://" + tempImagePath + "/ImageLibrary/");

                                    libReplace = new RegExp("src=\"../ImageLibrary/", "g");
                                    newContent = newContent.replace(libReplace, "src=\"http://" + tempImagePath + "/ImageLibrary/");
                                    
                                    return newContent;
                                }
                            }

                            SymbolsCustomFilter.registerClass('SymbolsCustomFilter', Telerik.Web.UI.Editor.Filter);   

                            ImageAlignmentCustomFilter = function() {
                                ImageAlignmentCustomFilter.initializeBase(this);
                                this.set_isDom(true);
                                this.set_enabled(true);
                                this.set_name("RadEditor Image Alignment Filter");
                                this.set_description("RadEditor custom image alignment filter");
                            }

                            ImageAlignmentCustomFilter.prototype =
                            {
                                getHtmlContent: function(content) {
                                     var images = content.getElementsByTagName("IMG");
                                      
                                     for(var i=0;i<images.length;i++)
                                     {
                                        var image = images[i];
                                        
                                        if (image.style.cssFloat)
                                        {
                                           image.setAttribute("align",image.style.cssFloat);
                                           //image.style.cssFloat = "";
                                        }
                                        else if (image.style.styleFloat) // styleFloat for IE
                                        {
                                           image.setAttribute("align", image.style.styleFloat);
                                        }
                                     }
                                     
                                    return content;
                                }
                            }

                            ImageAlignmentCustomFilter.registerClass('ImageAlignmentCustomFilter', Telerik.Web.UI.Editor.Filter);   

                            //]]>
                        </script>

Mark Kucera
Top achievements
Rank 1
 answered on 03 Jun 2010
1 answer
154 views
 HI, I'm trying to validate values on a radgrid when I do an insertion.

The validation all works fine on the ItemCommand Event below, however if the value I want to insert already exists I wish to cancel the insertion and close the edit box. The insertion is cancelled however the edit/insert box remains open.
I use the
RadGrid1.MasterTableView.ClearEditItems();
                RadGrid1.Rebind();
to clear the edititems however the editmode stays open e.KeepInEdit mode is not available at this stage, how do I close the edit boxes

Thanks
Robert


if (baseline.BaselineExists(id, Convert.ToInt32(dayDateId), start, end, baselineType))
            {
                if (e.CommandName == RadGrid.PerformInsertCommandName)
                {
                    gridMessage = "this baseline cannot be inserted. Reason: a baseline already exists for this day and time";

                }
                else
                {
                    gridMessage = "baseline " + e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["id"] + " cannot be updated. Reason: a baseline already exists for these times";
                }
                e.Canceled = true;
                RadGrid1.MasterTableView.ClearEditItems();

                RadGrid1.Rebind();
                return;
Princy
Top achievements
Rank 2
 answered on 03 Jun 2010
1 answer
73 views
Hi,

In IE8 the image drag handles are visible above the Apply Style dropdown.
In FF this is not the case.

Howto handle this?

BR,
Marc
Rumen
Telerik team
 answered on 03 Jun 2010
4 answers
259 views
I have a RadListView with edit and delete buttons in the template. What I want is that when one clicks edit that the page does a post back. If the delete is clicked I want to perform a ajax to delete the item and rebind the templete. I have tried different ways to achieve this. The biggest problem is that unlike the RadGrid there is no client OnCommand for me to inspect the commands for postback. If I had this I could cancel the ajax call and force a postback for the edit. The closest I have gotten is with the code below, but unfortunately it seems that depending on the order of the settings of the ajaxsettings one button will not work or perform the ajax or postback call. Any suggestions would be appreciated it.

This causes the Edit button to not work. despite it being not set for ajax.

                <telerik:RadListView ID="rlvCustomerProfile_Contacts" runat="server" 
                    ItemPlaceholderID="ContactsContainer" 
                    OnNeedDataSource="rlvCustomerProfile_Contacts_NeedDataSource" 
                    OnItemDataBound="rlvCustomerProfile_Contacts_ItemDataBound">  
                    <LayoutTemplate> 
                        <asp:PlaceHolder ID="ContactsContainer" runat="server"></asp:PlaceHolder> 
                    </LayoutTemplate> 
                    <ItemTemplate> 
                    <table cellspacing="0" cellpadding="4" class="ContentTableBordered TableFullWidth">  
                        <tr> 
                            <td class="ContentTableCellTitleMedium" colspan="8">  
                                <table width="100%" cellpadding="0" cellspacing="0" style="margin:0px 0px 0px 0px;" border="0">  
                                   <tr> 
                                        <td> 
                                            <asp:Label ID="lblLastNameTitle" runat="server" CssClass="LabelBold" Text='<%# Eval("LastName") %>'></asp:Label>, <asp:Label ID="lblFirstNameTitle" runat="server" CssClass="LabelBold" Text='<%# Eval("FirstName") %>'></asp:Label> 
                                        </td> 
                                        <td align="right">  
                                            <asp:Button ID="btnEdit" runat="server"   
                                                CommandArgument='<%# Eval("CustomerContactId") %>' 
                                                Text="Edit"   
                                                OnClick="btnCustomerProfile_EditContact_Click" 
                                                OnClientClick="alert('test');Master_DoPostBackInstead=true;" /> 
                                            <asp:Button ID="btnDelete" runat="server"   
                                                CommandArgument='<%# Eval("CustomerContactId") %>' 
                                                Text="Delete" 
                                                OnClick="btnCustomerProfile_DeleteContact_Click" 
                                                ValidationGroup="vgContactDelete" />    
                                        </td> 
                                    </tr> 
                                </table> 
 
etc..... 

        protected void rlvCustomerProfile_Contacts_ItemDataBound(object sender, RadListViewItemEventArgs e)  
        {  
            if (e.Item.ItemType == RadListViewItemType.DataItem)  
            {  
                Button delete = e.Item.FindControlRecursive("btnDelete") as Button;  
                if (delete != null) SiteMasterPage.MasterAjaxManager.AjaxSettings.AddAjaxSetting(delete, rlvCustomerProfile_Contacts, SiteMasterPage.MainLoadingPanel);  
            }  
        } 
James Daresta
Top achievements
Rank 1
 answered on 03 Jun 2010
1 answer
96 views
Hi all,

I'm using the RadFileExplorer with a custom ContentProviderTypeName. In the DeleteFile method, I write my own code. After the DeleteFile method is executed, I want to update another control in my page (f.e. a label). In the DeleteFile method I work with session variables that stores some information. In the LoadComplete event of my page I use these session variables to update the label control. But the label is never updated when a file is deleted. How can I solve this issue?

Thanks in advance!
Brecht
Top achievements
Rank 1
 answered on 03 Jun 2010
7 answers
351 views
i use telerik grid for fixed width and hieght
but it act randomly and i dont how to fix it:
i set table-layout to fixed but does'nt help it.
the problems is
1-the pager number position change
2- if sum of columns size bigger than the parent elemenet size the grid make the page size in columns size
3- in end page when scroll bar disppear grid act strage

i used custom stylesheet
cs file
using System;  
using System.Data;  
using System.Configuration;  
using System.Collections;  
using System.Web;  
using System.Web.Security;  
using System.Web.UI;  
using System.Web.UI.WebControls;  
using System.Web.UI.WebControls.WebParts;  
using System.Web.UI.HtmlControls;  
using Telerik.Web.UI;  
 
public partial class RTL : System.Web.UI.Page  
{  
    protected void Page_Load(object sender, EventArgs e)  
    {  
        DataTable dt = new DataTable();  
        dt.Columns.Add(new DataColumn("id", typeof(int)));  
        dt.Columns.Add(new DataColumn("name", typeof(string)));  
        for(int i=0;i<93;i++)  
        dt.Rows.Add(i, "Razi"+i.ToString());  
   //     dt.Rows.Add(2, "Reza");  
 
        RadGrid1.DataSource = dt;  
        RadGrid1.DataBind();  
 
        //RadGrid1.MasterTableView.DetailTables[0].DataSource = dt;  
        //RadGrid1.MasterTableView.DetailTables[0].DataBind();  
    }  
 
    public string RadGrid1PanelClientID;  
    public string RadGrid2PanelClientID;  
 
    protected void RadAjaxManager1_AjaxSettingCreated(object sender, AjaxSettingCreatedEventArgs e)  
    {  
        if (e.Initiator.ID == "RadGrid1")  
        {  
            this.RadGrid1PanelClientID = e.UpdatePanel.ClientID;  
        }  
    }  
 
}  
 
aspx file
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="RTL.aspx.cs" Inherits="RTL" 
    EnableEventValidation="false" %> 
 
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
<%@ Register Assembly="Janus.Web.GridEX.v3" Namespace="Janus.Web.GridEX" TagPrefix="jwg" %> 
<!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">  
    <title>Untitled Page</title> 
    <link href="App_Themes/blueTheme/grid/Grid.Office2007.css" rel="stylesheet" type="text/css" /> 
 
 
</head> 
<body class="ChildBody">  
    <form id="form1" runat="server">  
        <telerik:RadScriptManager ID="ScriptManager1" runat="server" EnableTheming="True">  
        </telerik:RadScriptManager> 
        <br /> 
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" BackColor="White" 
            Transparency="10">  
            Loading ...</telerik:RadAjaxLoadingPanel> 
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1" 
            OnAjaxSettingCreated="RadAjaxManager1_AjaxSettingCreated">  
            <AjaxSettings> 
                <telerik:AjaxSetting AjaxControlID="RadGrid1">  
                    <UpdatedControls> 
                        <telerik:AjaxUpdatedControl ControlID="RadGrid1" /> 
                    </UpdatedControls> 
                </telerik:AjaxSetting> 
            </AjaxSettings> 
        </telerik:RadAjaxManager> 
        <br /> 
        <br /> 
        <br /> 
        <br /> 
        <table align="center" border="0" cellpadding="0" cellspacing="0"    
            style="width: 768px">  
            <tr> 
                <td style="  background-color: green;">  
                    <telerik:RadGrid ID="RadGrid1" runat="server" dir="rtl" EnableEmbeddedSkins="False" 
                        Skin="Office2007" AllowMultiRowSelection="True" AutoGenerateColumns="False" VirtualItemCount="10" 
                        GridLines="None" AllowPaging="True" AllowSorting="True" Width="768px">  
                        <MasterTableView> 
                            <Columns> 
                                <telerik:GridBoundColumn DataField="id" HeaderText="Id" UniqueName="id">  
                                    <ItemStyle Width="700px" /> 
                                    <HeaderStyle Width="700px" /> 
                                </telerik:GridBoundColumn> 
                                <telerik:GridBoundColumn DataField="name" HeaderText="Name" UniqueName="name">  
                                    <ItemStyle Width="100px" /> 
                                    <HeaderStyle Width="100px" /> 
                                </telerik:GridBoundColumn> 
                            </Columns> 
                            <PagerStyle Mode="NumericPages" /> 
                        </MasterTableView> 
                        <HeaderContextMenu EnableAutoScroll="True" EnableEmbeddedSkins="False">  
                        </HeaderContextMenu> 
                        <FilterMenu EnableEmbeddedSkins="False">  
                        </FilterMenu> 
                        <ClientSettings> 
                            <Selecting AllowRowSelect="True" /> 
                            <Scrolling AllowScroll="True" SaveScrollPosition="False" ScrollHeight="100px" UseStaticHeaders="True" /> 
                        </ClientSettings> 
                    </telerik:RadGrid></td>  
            </tr> 
        </table> 
        <br /> 
        <div align="center">  
            &nbsp;&nbsp;</div> 
    </form> 
</body> 
</html> 
 
style sheet
/*Telerik RadGrid Default Skin*/ 
 
/*global*/ 
 
.RadGrid_Office2007  
{  
    border:1px solid #999;  
    background:#fff;  
    color:#000;  
}  
 
.RadGrid_Office2007,  
.RadGrid_Office2007 .rgMasterTable,  
.RadGrid_Office2007 .rgDetailTable,  
.RadGrid_Office2007 .rgGroupPanel table,  
.RadGrid_Office2007 .rgCommandRow table,  
.RadGrid_Office2007 .rgEditForm table,  
.RadGrid_Office2007 .rgPager table,  
.GridToolTip_Office2007  
{  
    font:12px/16px tahoma,"segoe ui",arial,sans-serif;  
}  
 
.RadGrid_Office2007 .rgHeader:first-child,  
.RadGrid_Office2007 th.rgResizeCol:first-child,  
.RadGrid_Office2007 .rgFilterRow>td:first-child,  
.RadGrid_Office2007 .rgRow>td:first-child,  
.RadGrid_Office2007 .rgAltRow>td:first-child  
{  
    border-left-width:0;  
    padding-left:8px;  
}  
 
.RadGrid_Office2007 .rgAdd,  
.RadGrid_Office2007 .rgRefresh,  
.RadGrid_Office2007 .rgEdit,  
.RadGrid_Office2007 .rgDel,  
.RadGrid_Office2007 .rgFilter,  
.RadGrid_Office2007 .rgPagePrev,  
.RadGrid_Office2007 .rgPageNext,  
.RadGrid_Office2007 .rgPageFirst,  
.RadGrid_Office2007 .rgPageLast,  
.RadGrid_Office2007 .rgExpand,  
.RadGrid_Office2007 .rgCollapse,  
.RadGrid_Office2007 .rgSortAsc,  
.RadGrid_Office2007 .rgSortDesc,  
.RadGrid_Office2007 .rgUpdate,  
.RadGrid_Office2007 .rgCancel,  
.RadGrid_Office2007 .rgUngroup,  
.RadGrid_Office2007 .rgExpXLS,  
.RadGrid_Office2007 .rgExpDOC,  
.RadGrid_Office2007 .rgExpPDF,  
.RadGrid_Office2007 .rgExpCSV  
{  
    background-image:url('Grid/sprite.gif');  
}  
 
/*header*/ 
 
.RadGrid_Office2007 .rgHeaderDiv  
{  
    background:#e4e4e4;  
}  
 
.RadGrid_Office2007 .rgHeader,  
.RadGrid_Office2007 th.rgResizeCol  
{  
    border:0;  
    border-bottom:1px solid #7c7c7c;  
    border-left:1px solid #9e9e9e;  
    background:#e4e4e4;  
      
}  
.RadGrid_Office2007 th.rgHeaderOver  
{  
      
    background:url('Grid/headerOver.jpg') repeat-x;  
}  
   
.RadGrid_Office2007 th.rgHeader  
{  
    border-right:#999999 solid 1px;  
      
}  
 
.RadGrid_Office2007 th.rgSorted  
{  
    background-color:#f0f0f0;  
}  
 
.RadGrid_Office2007 .rgHeader,  
.RadGrid_Office2007 .rgHeader a  
{  
    color:#000;  
}  
 
.RadGrid_Office2007 th.rgSorted,  
.RadGrid_Office2007 th.rgSorted a  
{  
    color:#892500;  
}  
 
/*rows*/ 
 
.RadGrid_Office2007 .rgRow td,  
.RadGrid_Office2007 .rgAltRow td,  
.RadGrid_Office2007 .rgEditRow td,  
.RadGrid_Office2007 .rgFooter td  
{  
    border-style:solid;  
    border-width:0 0 1px 1px;  
}  
 
.RadGrid_Office2007 .rgRow td  
{  
    border-color:#fff #c3c3c3;  
}  
 
.RadGrid_Office2007 .rgAltRow td  
{  
    border-color:#fff #c3c3c3;  
}  
 
.RadGrid_Office2007 .rgSorted  
{  
    background-color:#eaf3ff;  
}  
 
.RadGrid_Office2007 .rgSorted  
{  
    background-color:#eaf3ff;  
}  
 
.RadGrid_Office2007 .rgSelectedRow .rgSorted,  
.RadGrid_Office2007 .rgActiveRow .rgSorted,  
.RadGrid_Office2007 .rgHoveredRow .rgSorted,  
.RadGrid_Office2007 .rgEditRow .rgSorted  
{  
    background-color:transparent;  
}  
 
.RadGrid_Office2007 .rgRow a,  
.RadGrid_Office2007 .rgAltRow a,  
.RadGrid_Office2007 tr.rgEditRow a,  
.RadGrid_Office2007 .rgFooter a,  
.RadGrid_Office2007 .rgEditForm a  
{  
    color:#000;  
}  
 
.RadGrid_Office2007 .rgSelectedRow  
{  
    background:#ffa517;  
    color:#892500;  
}  
*+html .RadGrid_Office2007 .rgSelectedRow .rgSorted{background-color:#ffa517}  
* html .RadGrid_Office2007 .rgSelectedRow .rgSorted{background-color:#ffa517}  
 
.RadGrid_Office2007 .rgSelectedRow a,  
.RadGrid_Office2007 .rgHoveredRow a,  
.RadGrid_Office2007 .rgActiveRow a  
{  
    color:#892500;  
}  
 
.RadGrid_Office2007 .rgActiveRow,  
.RadGrid_Office2007 .rgHoveredRow  
{  
    background:#ffe79c 0 -2900px repeat-x url('Grid/sprite.gif');  
    color:#892500;  
}  
*+html .RadGrid_Office2007 .rgActiveRow .rgSorted,  
*+html .RadGrid_Office2007 .rgHoveredRow .rgSorted{background-color:#ffe79c}  
* html .RadGrid_Office2007 .rgActiveRow .rgSorted,  
* html .RadGrid_Office2007 .rgHoveredRow .rgSorted{background-color:#ffe79c}  
 
.RadGrid_Office2007 .rgEditRow  
{  
    background:#fff 0 -4900px repeat-x url('Grid/sprite.gif');  
}  
*+html .RadGrid_Office2007 .rgEditRow .rgSorted{background-color:#fff}  
* html .RadGrid_Office2007 .rgEditRow .rgSorted{background-color:#fff}  
 
.RadGrid_Office2007 .rgSelectedRow td,  
.RadGrid_Office2007 .rgSelectedRow td.rgSorted  
{  
    border-color:#ca4b0c #ffa517;  
}  
 
.RadGrid_Office2007 .rgActiveRow td,  
.RadGrid_Office2007 .rgActiveRow td.rgSorted,  
.RadGrid_Office2007 .rgHoveredRow td,  
.RadGrid_Office2007 .rgHoveredRow td.rgSorted  
{  
    border-color:#c98400 #ffe79c;  
}  
 
.RadGrid_Office2007 .rgEditRow td,  
.RadGrid_Office2007 .rgEditRow td.rgSorted  
{  
    border-color:#616161 #c3c3c3;  
}  
 
/*footer*/ 
 
.RadGrid_Office2007 .rgFooterDiv,  
.RadGrid_Office2007 .rgFooter  
{  
    background:#e4e4e4;  
}  
 
.RadGrid_Office2007 .rgFooter td  
{  
    border-top:1px solid;  
    border-color:#999 #c3c3c3;  
}  
 
/*status*/ 
 
.RadGrid_Office2007 .rgPager .rgStatus  
{  
    border:1px solid;  
    border-color:#999 #999 #e4e4e4 #e4e4e4;  
    border-left:0;  
}  
 
.RadGrid_Office2007 .rgStatus div  
{  
    background-image:url('Common/loading_small.gif');  
}  
 
/*pager*/ 
 
.RadGrid_Office2007 .rgPager  
{  
    background:#e4e4e4;  
}  
 
.RadGrid_Office2007 td.rgPagerCell  
{  
    border:1px solid;  
    border-color:#999 #e4e4e4 #e4e4e4;  
    border-right:0;  
}  
 
.RadGrid_Office2007 .rgInfoPart  
{  
    color:#777;  
}  
 
.RadGrid_Office2007 .rgInfoPart strong  
{  
    color:#4c4e54;  
}  
 
.RadGrid_Office2007 .rgPageFirst  
{  
    background-position:0 -550px;  
}  
.RadGrid_Office2007 .rgPageFirst:hover  
{  
    background-position:0 -600px;  
}  
.RadGrid_Office2007 .rgPagePrev  
{  
    background-position:0 -700px;  
}  
.RadGrid_Office2007 .rgPagePrev:hover  
{  
    background-position:0 -750px;  
}  
.RadGrid_Office2007 .rgPageNext  
{  
    background-position:0 -850px;  
}  
.RadGrid_Office2007 .rgPageNext:hover  
{  
    background-position:0 -900px;  
}  
.RadGrid_Office2007 .rgPageLast  
{  
    background-position:0 -1000px;  
}  
.RadGrid_Office2007 .rgPageLast:hover  
{  
    background-position:0 -1050px;  
}  
 
.RadGrid_Office2007 .rgPager .rgPagerButton  
{  
    border-color:#7e7e7e;  
    background:#c6c6c6;  
    color:#000;  
    font:12px/12px "segoe ui",arial,sans-serif;  
}  
 
.RadGrid_Office2007 .rgNumPart a  
{  
    border:1px solid #e4e4e4;  
    line-height:20px;  
    color:#000;  
}  
 
.RadGrid_Office2007 .rgNumPart a:hover  
{  
    border-color:#c98400;  
    background:#ffe79c;  
    color:#892500;  
}  
 
.RadGrid_Office2007 .rgNumPart a.rgCurrentPage,  
.RadGrid_Office2007 .rgNumPart a.rgCurrentPage:hover  
{  
    border-color:#ca4b0c;  
    background:transparent;  
    color:#892500;  
}  
 
/*sorting, reordering*/ 
 
.RadGrid_Office2007 .rgHeader .rgSortAsc  
{  
    background-position:3px -248px;  
    height:10px;  
}  
 
.RadGrid_Office2007 .rgHeader .rgSortDesc  
{  
    background-position:3px -198px;  
    height:10px;  
}  
 
.GridReorderTop_Office2007,  
.GridReorderBottom_Office2007  
{  
    background:0 0 no-repeat url('Grid/sprite.gif');  
}  
 
.GridReorderBottom_Office2007  
{  
    background-position:0 -50px;  
}  
 
/*filtering*/ 
 
.RadGrid_Office2007 .rgFilterRow  
{  
    background:#e4e4e4;  
}  
 
.RadGrid_Office2007 .rgFilterRow td  
{  
    border-bottom:1px solid #999;  
    border-left:1px solid #e4e4e4;  
}  
 
.RadGrid_Office2007 .rgFilter  
{  
    background-position:0 -300px;  
}  
 
.RadGrid_Office2007 .rgFilter:hover  
{  
    background-position:0 -350px;  
}  
 
.RadGrid_Office2007 .rgFilterActive,  
.RadGrid_Office2007 .rgFilterActive:hover  
{  
    background-position:0 -400px;  
}  
 
.RadGrid_Office2007 .rgFilterBox  
{  
    border-color:#616161;  
    font:12px "segoe ui",arial,sans-serif;  
    color:#000;  
}  
 
/*filter context menu*/ 
 
.RadMenu_Office2007 .rgHCMClear,  
.RadMenu_Office2007 .rgHCMFilter  
{  
    border-color:#7e7e7e;  
    background:#c6c6c6;  
    color:#000;  
    font-family:"segoe ui",arial,sans-serif;  
    -moz-border-radius:0;  
    -webkit-border-radius:0;  
    border-radius:0;  
}  
 
.RadMenu_Office2007 .rgHCMClear:hover,  
.RadMenu_Office2007 .rgHCMFilter:hover  
{  
    border-color:#c98400;  
    background-color:#ffe79c;  
    color:#882501;  
}  
 
/*grouping*/ 
 
.RadGrid_Office2007 .rgGroupPanel  
{  
    border:0;  
    border-bottom:1px solid #7c7c7c;  
    background:#c6c6c6;  
}  
 
.RadGrid_Office2007 .rgGroupPanel td  
{  
    border:0;  
    padding:3px 4px;  
}  
 
.RadGrid_Office2007 .rgGroupPanel td td  
{  
    padding:0;  
}  
 
.RadGrid_Office2007 .rgGroupPanel .rgSortAsc  
{  
    background-position:4px -144px;  
}  
 
.RadGrid_Office2007 .rgGroupPanel .rgSortDesc  
{  
    background-position:4px -94px;  
}  
 
.RadGrid_Office2007 .rgUngroup  
{  
    background-position:0 -6999px;  
}  
 
.RadGrid_Office2007 .rgGroupItem  
{  
    border:1px solid #7e7e7e;  
    background:#c6c6c6;  
}  
 
.RadGrid_Office2007 .rgMasterTable td.rgGroupCol,  
.RadGrid_Office2007 .rgMasterTable td.rgExpandCol  
{  
    border-color:#c9c9c9;  
    background:#c9c9c9 none;  
}  
 
.RadGrid_Office2007 .rgGroupHeader  
{  
    background:#c9c9c9;  
    font-size:1.1em;  
    line-height:22px;  
    color:#000;  
}  
 
.RadGrid_Office2007 .rgGroupHeader td  
{  
    padding-left:8px;  
    padding-bottom:2px;  
}  
 
.RadGrid_Office2007 .rgExpand  
{  
    background-position:5px -496px;  
}  
 
.RadGrid_Office2007 .rgCollapse  
{  
    background-position:3px -444px;  
}  
 
/*editing*/ 
 
.RadGrid_Office2007 .rgEditForm  
{  
    border-bottom:1px solid #999;  
}  
 
.RadGrid_Office2007 .rgUpdate  
{  
    background-position:0 -1800px;  
}  
 
.RadGrid_Office2007 .rgCancel  
{  
    background-position:0 -1850px;  
}  
 
/*hierarchy*/ 
 
.RadGrid_Office2007 .rgDetailTable  
{  
    border-color:#999;  
}  
 
/*command row*/ 
 
.RadGrid_Office2007 .rgCommandRow  
{  
    background:#c6c6c6;  
    color:#000;  
}  
 
.RadGrid_Office2007 .rgCommandCell  
{  
    border:0;  
    border-bottom:1px solid #7c7c7c;  
    padding:0;  
}  
 
.RadGrid_Office2007 tfoot .rgCommandCell  
{  
    border-top:1px solid #7c7c7c;  
    border-bottom:0;  
}  
 
.RadGrid_Office2007 .rgCommandTable td  
{  
    border:0;  
    padding:2px 7px;  
}  
 
.RadGrid_Office2007 .rgCommandTable  
{  
    border:0;  
}  
 
.RadGrid_Office2007 .rgCommandRow a  
{  
    color:#000;  
    text-decoration:none;  
}  
 
.RadGrid_Office2007 .rgAdd  
{  
    margin-right:3px;  
    background-position:0 -1650px;  
}  
 
.RadGrid_Office2007 .rgRefresh  
{  
    margin-right:3px;  
    background-position:0 -1600px;  
}  
 
.RadGrid_Office2007 .rgEdit  
{  
    background-position:0 -1700px;  
}  
 
.RadGrid_Office2007 .rgDel  
{  
    background-position:0 -1750px;  
}  
 
.RadGrid_Office2007 .rgExpXLS,  
.RadGrid_Office2007 .rgExpDOC,  
.RadGrid_Office2007 .rgExpPDF,  
.RadGrid_Office2007 .rgExpCSV  
{  
    background-image:url('Grid/export.gif');  
}  
 
.RadGrid_Office2007 .rgExpXLS  
{  
    background-position:0 0;  
}  
.RadGrid_Office2007 .rgExpDOC  
{  
    background-position:0 -50px;  
}  
.RadGrid_Office2007 .rgExpPDF  
{  
    background-position:0 -100px;  
}  
.RadGrid_Office2007 .rgExpCSV  
{  
    background-position:0 -150px;  
}  
 
/*multirow select*/ 
 
.GridRowSelector_Office2007  
{  
    background:#4c4e54;  
}  
 
/*row drag n drop*/ 
 
.GridItemDropIndicator_Office2007  
{  
    border-top:1px dashed #666;  
}  
 
/*tooltip*/ 
 
.GridToolTip_Office2007  
{  
    border:1px solid #c98400;  
    padding:3px;  
    background:#ffefbd;  
    color:#333;  
}  
 
/*rtl*/ 
 
.RadGridRTL_Office2007 .rgHeader:first-child,  
.RadGridRTL_Office2007 th.rgResizeCol:first-child,  
.RadGridRTL_Office2007 .rgFilterRow>td:first-child,  
.RadGridRTL_Office2007 .rgRow>td:first-child,  
.RadGridRTL_Office2007 .rgAltRow>td:first-child  
{  
    border-left-width:0px;  
    padding-left:7px;  
}  
 
.RadGridRTL_Office2007 .rgPageFirst  
{  
    background-position:0 -1000px;  
}  
.RadGridRTL_Office2007 .rgPageFirst:hover  
{  
    background-position:0 -1050px;  
}  
.RadGridRTL_Office2007 .rgPagePrev  
{  
    background-position:0 -850px;  
}  
.RadGridRTL_Office2007 .rgPagePrev:hover  
{  
    background-position:0 -900px;  
}  
.RadGridRTL_Office2007 .rgPageNext  
{  
    background-position:0 -700px;  
}  
.RadGridRTL_Office2007 .rgPageNext:hover  
{  
    background-position:0 -750px;  
}  
.RadGridRTL_Office2007 .rgPageLast  
{  
    background-position:0 -550px;  
}  
.RadGridRTL_Office2007 .rgPageLast:hover  
{  
    background-position:0 -600px;  
}  
 
 
 DIV.RadGrid_Office2007 TH.rgResizeCol {  
 
    PADDING-BOTTOM: 0px;  
 
    PADDING-TOP: 0px;  
 
    HEIGHT: 20px;  
 
    BACKGROUND-COLOR: #F0F0F0;  
 
}  
 
 DIV.RadGrid_Office2007 .rgHeader {  
 
    PADDING-BOTTOM: 0px;  
 
    PADDING-TOP: 0px;  
 
    HEIGHT: 20px;  
 
    BACKGROUND-COLOR: #F0F0F0;  
 
}  
 
 DIV.RadGrid_Office2007 TH.rgSorted {  
 
    COLOR: #000000;  
 
}  
 
 DIV.RadGrid_Office2007 TH.rgSorted A {  
 
    COLOR: #000000;  
 
}  
 
 DIV.RadGrid_Office2007 .rgRow TD,  DIV.RadGrid_Office2007 .rgAltRow TD  {  
 
    COLOR : #000000;  
      
    BORDER-BOTTOM-COLOR: #C4DDFF;  
 
    PADDING-BOTTOM: 0px;  
 
    PADDING-TOP: 0px;  
 
}  
 
 /*DIV.RadGrid_Office2007 .rgSelectedRow TD, rgAltRow rgSelectedRow{
    BACKGROUND-COLOR: #A7CDF0;
}*/ 
 
 DIV.RadGrid_Office2007 TR.rgSelectedRow {  
 
    BACKGROUND-COLOR: #A7CDF0;  
 
}  
 
 
 
Veli
Telerik team
 answered on 03 Jun 2010
1 answer
182 views
Hello,

I have a RadCalendar control on a page with the Vista skin applied.  I created custom styles for special days based on the event occurring on those dates, which includes a background-image.  I was successfully able to remove the hover style using the following article:

http://www.telerik.com/community/forums/aspnet-ajax/calendar/disable-hover-css-class.aspx

I would like to remove the selectedDayStyle in the same manner.  I would like to be able to select the calendar date and have my custom style remain, instead of my background-image being removed.

Any thoughts?

Thanks,
James
Maria Ilieva
Telerik team
 answered on 03 Jun 2010
1 answer
121 views
2010.1.309.35 : I have an asp:Label that should be updated with a server-side calculation when the user changes the value in a RadNumericTextBox. I can't get Ajax to do the update. 

The page structure is as follows:
  • UserControl > Div > Div > Table > TR >TD > Label "Balance"
  • UserControl > Div > RadTabStrip > Tabs > Tab
  • UserControl > Div > RadMultiPage > RadPageView > asp:Panel > Div > Table > TR > TD > RadNumericTextBox "Qty".

 

<telerik:RadNumericTextBox ID="Qty" Width="80px" runat="server" Type="Number"    
  NumberFormat-DecimalDigits="0"      
  OnTextChanged="Qty_TextChanged" CausesValidation="True" AutoPostBack="true" >     
  <NumberFormat DecimalDigits="0" />     
</telerik:RadNumericTextBox>   

I'm trying to get the RadAjaxManagerProxy to flag the label for update in response to a change in the textbox, and when configuring the proxy it all looks OK. But the resulting markup only ajaxifies the TabStrip and RadMultiPage - it does not define the textbox as a change source:
<telerik:RadAjaxManagerProxy ID="RAMP1" runat="server">  
  <AjaxSettings> 
    <telerik:AjaxSetting AjaxControlID="RadTabStrip1">  
      <UpdatedControls> 
        <telerik:AjaxUpdatedControl ControlID="Balance" /> 
        <telerik:AjaxUpdatedControl ControlID="RadTabStrip1" /> 
        <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" /> 
      </UpdatedControls> 
    </telerik:AjaxSetting> 
    <telerik:AjaxSetting AjaxControlID="RadMultiPage1">  
      <UpdatedControls> 
        <telerik:AjaxUpdatedControl ControlID="Balance" /> 
        <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" /> 
      </UpdatedControls> 
    </telerik:AjaxSetting> 
  </AjaxSettings> 
</telerik:RadAjaxManagerProxy> 

OK, since the textbox is a component in the tree under the other panels, I can understand if it doesn't want to redundantly ajaxify the textbox too. But the server function occurs and the label is not updated afterward. So what else do I need to do?

Thanks!
Iana Tsolova
Telerik team
 answered on 03 Jun 2010
1 answer
178 views
Hi!

We have this functionality in our software which lists occurrences of recurring activity. User can click one of those appoinments to open scheduler in edit mode to edit the appointment. There is a link to the scheduler which contains appointmentid and I open the scheduler in advanced edit form using radscheduler1.ShowAdvancedEditForm (appointment, false) after first fetching the appoint using the id. Now it always opens recurring appointment in edit series mode. How could I change the functionality so that it would open an occurrence to advanced edit form. The functionality should be the same as when user double clicks an appointment in scheduler and selects edit only this occurrence from popup box. The problem is that this occurrence doesn't necessarily exist when opening the scheduler. So how could I open the advanced edit form for that occurrence without showing the selection popup to user? I can pass also the dates and times for the occurrence in the link, so I would know which occurrence to edit.

Mikko
Peter
Telerik team
 answered on 03 Jun 2010
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?