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
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
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!!
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 :
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
Hi bizibiz17,
Please make sure that the CSS of the RadComboBox is properly loaded in the page.
You could first try removing this line
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.
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 :
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...
<a 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
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.
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) :
What is wrong with this css ?
Thanks
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-family: Arial; |
font-size: 9px; |
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-family: Arial; |
font-size: 9px; |
background-color: white; |
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 :
Thanks tried to help me
.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