This is a migrated thread and some comments may be shown as answers.

RadComboBox Arrow Cell show Text

8 Answers 298 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
bizibiz17
Top achievements
Rank 1
bizibiz17 asked on 10 Feb 2009, 02:13 PM
Hello,
For all the RadComboBox I'm using, a text appears in the arrow cell. This text is "select" and i don't want text in this cell !!
I've seen in the html code it is a "<a>" tag which is generated in this cell and this is it which contains this text.
I've also seen in the RadComboBox.cs file that this tag is generated like this :

HyperLink arrowLink = new HyperLink();
arrowLink.Text = "select";

This is generated for all combox i'm creating !

So how to remove this without modify the RadComboBox source code ?

Thanks

8 Answers, 1 is accepted

Sort by
0
Serrin
Top achievements
Rank 1
answered on 10 Feb 2009, 06:15 PM
Hello,

Would you be able to post the code of the aspx page you are working on?  That problem sounds strange indeed, but a look at your code would definitely provide some insight as to what is going wrong.

Thanks!!
0
bizibiz17
Top achievements
Rank 1
answered on 11 Feb 2009, 07:54 AM
Thanks for reply !
This is the source code of one page where there is a RadComboBox :
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="PopupMenu.aspx.vb" Inherits="Interfaces_Popup_PopupMenu" %> 
 
<%@ 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 runat="server"
    <title>Untitled Page</title>     
    <link href="../../CSS/Popup/XPopup.css" rel="stylesheet" type="text/css" /> 
    <link href="../../CSS/Popup/XPopupMenu.css" rel="stylesheet" type="text/css" /> 
    <link href="../../CSS/RadComboBox.css" rel="stylesheet" type="text/css" /> 
 
     
    <script src="../../JS/Libraries/JQuery/jquery-1.3.js" type="text/javascript"></script> 
    <script src="../../JS/Libraries/JQuery/Plugins/JQuery_XPlugin.js" type="text/javascript"></script> 
    <script src="../../JS/Libraries/JQuery/Plugins/jquery-ui-personalized-1.6rc2.min.js" type="text/javascript"></script> 
    <script src="../../Composants/XPopup/XPopup-2.0.js" type="text/javascript"></script> 
    <script src="../../Composants/XLoader/XLoader.js" type="text/javascript"></script> 
    <script src="../../JS/Global.js" type="text/javascript"></script> 
    <script src="../../JS/Popup/PopupMenu.js" type="text/javascript"></script> 
</head> 
 
<body onload="selectOngletUrl()"
    <form id="frmPopupMenu" runat="server"
        <telerik:RadScriptManager ID="RadScriptManagerPopupMenu" runat="server"
        </telerik:RadScriptManager> 
        <telerik:RadAjaxPanel ID="RadAjaxPanel_PopupMenu" runat="server" ClientEvents-OnRequestStart="BeginRequestHandler" ClientEvents-OnResponseEnd="EndRequestHandler"
         
        <div id="pop" class="bgpop2"
            <div id="divSites" runat="server"
                <telerik:RadComboBox ID="ddlSites" runat="server" AutoPostBack="true"
                 </telerik:RadComboBox> 
            </div>              
            <div class="clearb"></div>                        
            <div id="SubDDLSites"
                <div id="menu"
                    <ul id="ul_menu" runat="server" > 
                       <asp:PlaceHolder ID="ongletMenu" runat="server" /> 
                    </ul>        
                </div> 
             
                <div id="contenu"
                    <iframe id ="ifrPopup" frameborder="0" width="100%" height="100%" src="" scrolling="no" runat="server" ></iframe>        
                </div> 
            </div> 
            <div class="clearb"></div>               
 
        </div> 
        <asp:HiddenField ID="HF_DestUrl" runat="server" /> 
        <asp:HiddenField ID="HF_SelectedOnglet" runat="server" /> 
        <asp:HiddenField ID="HF_QueryString" runat="server" /> 
        </telerik:RadAjaxPanel> 
    </form> 
</body> 
</html> 
 



0
Simon
Telerik team
answered on 11 Feb 2009, 10:39 AM
Hi bizibiz17,

Please make sure that the CSS of the RadComboBox is properly loaded in the page.

You could first try removing this line

<link href="../../CSS/RadComboBox.css" rel="stylesheet" type="text/css" /> 

and see if the ComboBox displays properly with its built-in skin (and styleheet).

Kind regards,
Simon
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
bizibiz17
Top achievements
Rank 1
answered on 11 Feb 2009, 11:36 AM
Yes if i do this i don't see "select" but if i look at the generated code i see :

<id="ddlSites_Arrow" style="overflow: hidden; display: block; position: relative; outline-color: -moz-use-text-color; outline-style: none; outline-width: medium;">select</a> 

But the arrow image is black that's why i don't see this text but it is here ! And my arrow image is gray so i see the "select" word...



0
Simon
Telerik team
answered on 13 Feb 2009, 10:49 AM
Hello bizibiz17,

If the RadComboBox displays properly after removing your custom CSS, this means that the CSS is interfering with the built-in CSS of the control.

When only using the built-in CSS, the 'select' text is rendered however it is not visible as an Image displays on its place.

Could you provide more details about what you are trying to achieve with the custom CSS (change the arrow image, font, borders attributes, etc.)? Additionally, pasting here the CSS code could help us in identifying which rule exactly breaks the display.

Best wishes,
Simon
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
bizibiz17
Top achievements
Rank 1
answered on 13 Feb 2009, 10:55 AM
Hi,

Here is the css for the combobox (RadComboBoc.css) :

.radComboBox 
    width:160px;     
 
.rcbInputCell 
    border:1px solid Silver; 
    border-right:none
    height:15px
    _height:20px
    overflow:hidden
    background-color:#FFFFFF
 
.rcbInputCellLeft 
    width:133px;     
 
input.rcbInput 
    color:#333333
    font-familyArial
    font-size9px
    font-weight:bold
    border:0px
    cursor:pointer
    width:137px
    background-color#f0ab4b
    padding:2px 2px 2px 2px
 
.rcbArrowCellRight 
    width:17px
    height:15px
    cursor:pointer
    ~height:17px
 
.rcbArrowCell a 
    background-image:url("../Images/Combo/combo_select.gif"); 
    background-repeat:no-repeat
    background-position:left
    width:17px;  
    height:15px
    ~height:17px
    position:relative;   
    left:0px
    cursor:pointer;  
    border:1px solid Silver; 
    border-left:none
    overflow:hidden
    background-color:#FFFFFF;    
 
.rcbArrowCell a:hover 
    background-image:url("../Images/Combo/combo_select_hover.gif"); 
 
div.rcbSlide 
    width:165px
 
.rcbScroll 
    width:150px
 
.rcbWidth 
{    
    width:167px
 
.rcbList 
   position:absolute
   z-index:30; 
   overflow-y:auto
   overflow-x:hidden
   border:1px solid Silver; 
   min-height:20px
   font-familyArial
   font-size9px
   background-colorwhite
   cursor:pointer;   
   max-height:300px;     
   width:157px
   _width:160px
 
.rcbList li.rcbItem 
    cursor:pointer;  
    padding:2px 2px 2px 2px
    font-weight:bold
    border-bottom:solid 1px #E6E6E6
 
.rcbList li.rcbHovered 
    cursor:pointer;  
    padding:2px 2px 2px 2px
    border-bottom:solid 1px #E6E6E6
    font-weight:bold
    background-color:#f0ab4b
 
.rcbDisabled input.rcbInput 
    background-color#888888
 
.rcbDisabled td.rcbArrowCell a 
    background-image:url("../Images/Combo/combo_select_disable.gif"); 

What is wrong with this css ?
Thanks
0
bizibiz17
Top achievements
Rank 1
answered on 19 Feb 2009, 11:00 AM
I found the solution, in css file :

.rcbArrowCell a 
font-size:0px

Thanks tried to help me


0
Jack
Top achievements
Rank 1
answered on 01 Sep 2017, 02:00 PM

I have encountered this error occasionally. When I have it has always been one of two things

1. The HTML syntax somewhere above the radcombobox is incorrect. Typcially where I have failed to properly close a div

2. Has to do with how I am setting AjaxSettings in the RadAjaxManager. Most recently the radcombo box was not even inside of my ajax settings but it was immediately below an asp:panel that was. When I removed the panel from my RadAjaxManager the problem went away which was enough of a clue to allow me to make a few edits in the list of AjaxUpdatedControls to a point where I was able to solve the problem. To be honest at this point it was trial and error but I was happy to solve the problem

Tags
ComboBox
Asked by
bizibiz17
Top achievements
Rank 1
Answers by
Serrin
Top achievements
Rank 1
bizibiz17
Top achievements
Rank 1
Simon
Telerik team
Jack
Top achievements
Rank 1
Share this question
or