rcbArrowCell FireFox and Safari Issue

2 posts, 0 answers
  1. Sa_MMM
    Sa_MMM avatar
    4 posts
    Member since:
    Sep 2010

    Posted 09 Dec 2010 Link to this post

    VS 2008
    Telerik 2010.2.713.35

    .rcbArrowCell {background-image: none !important;} works great in IE, but in FF and Safari, the image only partly disappears (a thin vertical line remains).  How can I make it invisible in FF and Safari?

    Example below:


    <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" 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">
    <style id="ThemeCSS" runat="server" type="text/css">
    <head runat="server">
        <title>Untitled Page</title>
        <form id="form1" runat="server">
        <asp:ScriptManager ID="Scriptmanager1" runat="server">
            <asp:Table ID="Table1" runat="server">
                <asp:TableRow ID="TableRow1" runat="server">
                    <asp:TableCell ID="TableCell1" runat="server" BackColor="Red" Width="200px">
                        <telerik:RadComboBox ID="RadComboBox1" runat="server">

    Imports Telerik.Web.UI
    Partial Class _Default
        Inherits System.Web.UI.Page
        Private Sub DisableArrow(ByVal cbo As RadComboBox)
            Dim cboID As String = "#" + cbo.ClientID
            Dim ltrl As New LiteralControl()
            ltrl.ID = "HideArrowCSS"
            ltrl.Text = cboID + " .rcbArrowCell {background-image: none !important; border: 0; padding: 0; width: 0px; background-color: Transparent;} "
        End Sub
        Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
            RadComboBox1.Height = 0
            RadComboBox1.Width = 0
        End Sub
    End Class
  2. Sa_MMM
    Sa_MMM avatar
    4 posts
    Member since:
    Sep 2010

    Posted 11 Dec 2010 Link to this post

    Telerik's awesome support solved it:

    Thank you for contacting us.

    There is a special property of RadComboBox to hide the arrow - just set ShowToggleImage="false". You can test it in RadComboBox Configurator example.

    However from what I'm seeing in your screenshot - you want to hide the whole background, not just the arrow. You can do that by removing the background images from both cells in RadComboBox's table element, like this:
    .rcbInputCell, .rcbArrowCell {background-image: none !important;}

    Let me know if this information helps.

    Best wishes,
    Kamen Bundev
    the Telerik team
Back to Top