Combox with Check Box cutting off list in textbox

[Eric]

We have a ComboBox that has checkbox set to true.  As the user checks the different items it shows them comma deliminated in the text box.  When the list is to large it changes to the number checked.  The issue we are having is it seems that it does not relate to the size the of box.  At times it will cutoff part of the list before it switches to the number checked, other times if the item selected is short and there is no space in the box it does not switch to number checked until you select another item.

We have a custom skin and did not know if there was a css that needed to be changed.  It appears that the space taken up with the text and the available space int eh combobox are not the same the the text thinks there is more space than the box. 

[Princy]

Hi Eric,

Unfortunately I couldn't replicate the issue at my end. Please try to replicate the issue in this online demo or provide a sample project for further help.

Thanks,
Princy.

[Frank]

on the page in the drop down select Biographies, Children's Books,Cooking, History.   You will see that the text in the textbox area cuts off History at the o.

[Princy]

Hi Frank,

Try to attach the OnClientItemChecked event of RadComboBox and based on the checked items length set the text.

JavaScript:

function checkedItemCount(sender, args) {
    if (sender.get_checkedItems().length > 3) {
        sender.set_text(sender.get_checkedItems().length + " items checked");
    }
}

Thanks,
Princy.

[Frank]

This isn't really looking at the text, this is simply stating that after 3 items checked to change the text.  What if 6 items would fit in the box, or what id on the second check it is to long and would cut off the text in the box?

[Boyan Dimitrov]

Hello,

I tried the described scenario with the following items Biographies, Children's Books,Cooking, History and it works fine at my side. Here you can watch a video.


Regards,
Boyan Dimitrov
Telerik

 

 

[Frank]

I have made a recording from the demo site I you will see how the text gets cut off when the last is Mystery and then again when it is Children Books

[Boyan Dimitrov]

Hello,

Thank you for the provided video.

Indeed in this case the Mystery item is a bit cut off and the last sign is hidden behind the drop down arrow. I would like to clarify that this is caused due to fact that the entire string length fits in the input but the drop down arrow in the Silk skin does have a bit different dimensions. In general at most one or two signs could be hidden since the drop down image is small as size. So there are two possible solutions for this case:
   1. To limit the number of possible checked items as Princy suggested in one of the previous responses.
    2. To limit the RadComboBox text value length as shown in the code snippet below:
//JavaScript

function checkedItemCount(sender, args) {
    if (sender.get_text().length > 48) {
        sender.set_text(sender.get_checkedItems().length + " items checked");
    }
}

Please note that this function is the RadComboBox OnClientItemChecked  event handler.

Regards,
Boyan Dimitrov
Telerik

 

 

[Frank]

Cool that works perfectly.  I had figured it was something to do with the skin.