A Few UI Questions

3 posts, 1 answers
  1. Robert
    Robert avatar
    253 posts
    Member since:
    Aug 2007

    Posted 16 Jan 2013 Link to this post

    Please take a look at the attached screenshots.  The lowermost dropdown listbox is your RadComboBox.

    The first screenshot shows the user selecting an item in the list.  The second screenshot shows the selected item after the list has collapsed.

    Both of my questions concern the second screenshot:
    1. How/where can I change how the selected info is displayed?  Ideally I'd like to add some spaces after the "Pass" value (the "240" in the example).  I'd also like to make the "Pass" value bold if I could.
    2. The yellow background highlighting is because of some global jQuery code that automatically sets the background of all textboxes on each form to yellow upon receiving focus and then removes the yellow when focus is lost.  The code looks like this:
              $(":text").focus(TextboxHighlightAndSmartSelect).blur(TextboxRemoveHighlight);
      This works great and has no effect on the traditional DropDownList control.  However, I believe it's doing its thing on your control because of the TextBox component inside it.  Ideally I'd prefer not to mess with the global jQuery code and instead would just like to nullify the added "focus" event handler for the RadComboBox only.  I tried a few things to do this but couldn't figure it out.

    Robert

  2.
  3. Answer
    Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    654 posts

    Posted 22 Jan 2013 Link to this post

    Hi,

    1. Adding space after the value
    -- that's not possible, as the value is pure text and not html; you could try adding extra text in original text and it will reflect the combo;
    1.1. Making the value bold
    Use the following snippet:

    html .RadComboBox .rcbInput {
        font-weight: bold;
    }


    2. Yellow background fix: the following snippet should do the trick

    .RadComboBox .rcbInput {
        background: none !important;
    }

    What it does is to try to override any inline styles that are set to the inputs. The success of this override depends on how this yellow background was achieved with jQ.

    Kind regards,
    Ivan Zhekov
    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.
  5. Robert
    Robert avatar
    253 posts
    Member since:
    Aug 2007

    Posted 23 Jan 2013 Link to this post

    Thanks on all fronts, Ivan.  It all works great!
Back to Top