Combobox emptymessage color

9 posts, 2 answers
  1. Fred Mare
    Fred Mare avatar
    36 posts
    Member since:
    Dec 2009

    Posted 19 Nov 2010 Link to this post

    Hi

    Is it possible to change the emptymessage color? The RadTextbox has some attributes to do this.

    Fred
  2. Answer
    Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 19 Nov 2010 Link to this post

    Hello ,

    You can try the following style to change the color of the EmptyMessage.
    CSS:
    <style type="text/css">
            .RadComboBox_Default .rcbInputCell .rcbEmptyMessage
            {
                color: Red !important;
            }
        </style>

    Thanks,
    Princy.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Answer
    Kalina
    Admin
    Kalina avatar
    918 posts

    Posted 19 Nov 2010 Link to this post

    Hello Fred Mare,

    That is right, you can change the color of the empty message at RadComboBox input by overriding this CSS style:
    div.RadComboBox_Default .rcbInputCell .rcbEmptyMessage
    {
        color: #FF0000;
    }

    Please note that this code will be applied to a RadComboBox that uses the Default Skin (this happens if you have set Skin = “Default” or you have not set the Skin property at all).
    If you use a different skin - simply replace the _Default part of the selector with the name of your skin. For example if you use Vista - define the style like this :
    div.RadComboBox_Vista .rcbInputCell .rcbEmptyMessage

    All the best,
    Kalina
    the Telerik team
    Browse the vast support resources we have to jumpstart your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  5. Fred Mare
    Fred Mare avatar
    36 posts
    Member since:
    Dec 2009

    Posted 19 Nov 2010 Link to this post

    Thank you guys!
  6. Jennifer Fenzl
    Jennifer Fenzl avatar
    1 posts
    Member since:
    Jan 2008

    Posted 24 Jan 2012 Link to this post

    How do I make the emptymessage text not to be in italics?
  7. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 24 Jan 2012 Link to this post

    Hello Jennifer,

    Try the following CSS.
    CSS:
    .RadComboBox_Default .rcbInputCell .rcbEmptyMessage
    {
       font-style:normal !important;
    }

    -Shinu.
  8. Kalina
    Admin
    Kalina avatar
    918 posts

    Posted 25 Jan 2012 Link to this post

    Hi Jennifer,

    You cant try adding this style on your page:
    <style type="text/css">
        div.RadComboBox .rcbInputCell .rcbEmptyMessage
        {
            font-style: normal;
        }
    </style>

    Regards,
    Kalina
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  9. Jignesh
    Jignesh avatar
    18 posts
    Member since:
    Dec 2011

    Posted 21 Apr 2014 in reply to Kalina Link to this post

    Kalina,

    The solution that you have proposed:
    <style type="text/css">    
          div.RadComboBox .rcbInputCell .rcbEmptyMessage    
          {        
                         font-style: normal;    
          }
    </style>That it for example,few releases down the line,if Telerik is no longer using the rcbEmptyMessage css class,then this solution will fail right?.Is there any way we can handle is porgrammatically like EmptyMessage-FontStyle:normal.



  10. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 21 Apr 2014 in reply to Jignesh Link to this post

    Hi Jignesh,

    Please try the following JavaScript to change the style of RadComboBox EmptyMessage programmatically.

    JavaScript:
    <script type="text/javascript">
        function pageLoad() {
            var comboBox = $find("<%=radcboEmptyMessage.ClientID %>");
            var inputElement = comboBox.get_inputDomElement();
            inputElement.style.fontStyle = "normal";
        }
    </script>

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