A Few UI Questions

[Robert]

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

[Ivan Zhekov]

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

[Robert]

Thanks on all fronts, Ivan.  It all works great!