[Solved] Clear Text and reduce height

[nagendra d]

Hi,
 
   I had small issue with the radCombobox.
 1.  when the application is in runing state and the combobox is filled with some values and default text is writen as "Select".when I gone for a selection in the comboBox and seleted the 3rd value and I thought of clearing the value and I cleared the value.Now when the focus is out of the combo the previous selected value is storing in the combo as selected.here I need to show the empty value when the user clear the text.
2. I need to recude the dfault size of the height of combo to 10px.


Thanks,
Nagendra 

[Simon]

Hello nagendra d,

Can you paste here the definition of your RadComboBox in relation to your first question?

Regarding the height of the RCB you will have to modify the sprite of the skin and resize the images accordingly. Then you will need to adjust the corresponding CSS to the new height.

Regards,
Simon
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[nagendra d]

For first question :
<

telerik:RadComboBox ID="RcmbOtherID" AccessKey="O" runat="server" Width="75px" CssClass="EnableDropDown"

 

 

DataTextField="Description" DataValueField="Type" ShowDropDownOnTextboxClick="true"

 

 

EnableViewState="true" MarkFirstMatch="true" Text="Select">

 

 

</telerik:RadComboBox>

 For second question I had attached the image about the requirement.

 

[Simon]

Hi nagendra d,

Thank you for the code and the screenshot.

Your first goal you can achieve by configuring the RadComboBox in the following way:

<telerik:RadComboBox ID="RcmbOtherID" AccessKey="O" runat="server" Width="75px"
    ShowDropDownOnTextboxClick="true" AllowCustomText="true" EmptyMessage="Select" OnClientBlur="onBlur">
    <Items>
        <telerik:RadComboBoxItem Text="1" />
        <telerik:RadComboBoxItem Text="2" />
        <telerik:RadComboBoxItem Text="3" />
    </Items>
</telerik:RadComboBox>

and handle the Blur event as shown below:

<script type="text/javascript">
    function onBlur(sender) {
        var item = sender.findItemByText(sender.get_text());

        if (!item) {
            sender.set_text("");
            sender._applyEmptyMessage();
        }
    }
</script>

Finally use our Visual Style Builder to modify an existing Skin or create a new one based on your requirements.

Best wishes,
Simon
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[nagendra d]

Hi,
  thanks for reply,
  I was trying to modify the toolbar using http://stylebuilder.telerik.com, but i was not able to recude the height.Can you please guide me how to work on http://stylebuilder.telerik.com.

Thanks,
Nagendra

[Kamen Bundev]

Hello Nagendra,

Unlike RadComboBox, RadToolBar supports resizable buttons, so you need only to add this rule to your page to make all RadToolBar buttons 50px high:
.RadToolBar .rtbText
{
    line-height: 50px;
}
Let me know if this helps.

Best wishes,

Kamen Bundev

the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.