RadComboBox Arrow Cell show Text

8 posts, 0 answers
  1. bizibiz17
    bizibiz17 avatar
    5 posts
    Member since:
    Feb 2009

    Posted 10 Feb 2009 Link to this post

    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
  2. Serrin
    Serrin avatar
    286 posts
    Member since:
    Sep 2008

    Posted 10 Feb 2009 Link to this post

    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!!
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. bizibiz17
    bizibiz17 avatar
    5 posts
    Member since:
    Feb 2009

    Posted 11 Feb 2009 Link to this post

    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> 
     



  5. Simon
    Admin
    Simon avatar
    2281 posts

    Posted 11 Feb 2009 Link to this post

    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.
  6. bizibiz17
    bizibiz17 avatar
    5 posts
    Member since:
    Feb 2009

    Posted 11 Feb 2009 Link to this post

    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...



  7. Simon
    Admin
    Simon avatar
    2281 posts

    Posted 13 Feb 2009 Link to this post

    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.
  8. bizibiz17
    bizibiz17 avatar
    5 posts
    Member since:
    Feb 2009

    Posted 13 Feb 2009 Link to this post

    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
  9. bizibiz17
    bizibiz17 avatar
    5 posts
    Member since:
    Feb 2009

    Posted 19 Feb 2009 Link to this post

    I found the solution, in css file :

    .rcbArrowCell a 
    font-size:0px

    Thanks tried to help me


Back to Top
UI for ASP.NET Ajax is Ready for VS 2017