Multirow Multicolumn combobox

[Hamid]

Hi
Need some guidance in Multirow Multicolumn combobox as the second combobox in the demo 
http://demos.telerik.com/aspnet-ajax/combobox/examples/functionality/multicolumncombo/defaultvb.aspx 

 (Image attached - want it without pictures though) to select individual cells. Studied the example but could not figure out how it was made, there is not much in the demo files about RadCombobox2

Any help is much appreciated.
thanks
Hamid

[Boyan Dimitrov]

Hello Hamid,

In order to implement the multi-row and multi-column RadComboBox, I would suggest adding the following markup and  css styles as follows:
//markup code

<telerik:RadComboBox ID="RadComboBox1" runat="server" Height="140px" Width="450px"
       DropDownCssClass="multipleRowsColumns" DropDownWidth="450px" Label="Multiple rows and columns:">
    <Items>
        <telerik:RadComboBoxItem Text="Item 1" />
        ......
    </Items>
</telerik:RadComboBox>

//css

/** Multiple rows and columns */
.multipleRowsColumns .rcbItem,
.multipleRowsColumns .rcbHovered {
    float: left;
    margin: 0 1px;
    min-height: 13px;
    overflow: hidden;
    padding: 2px 19px 2px 6px;
    width: 125px;
}

Please find attached a sample project that implements very similar scenario.

Regards,
Boyan Dimitrov
the Telerik team

[Hamid]

Thank you Boyan
One question: Can we only have 3 columns - can we not set it for like 5 columns ?

Sorry got the answer - width setting in css and overall width of dropdownwidth will determine the number of columns


Thanks
Hamid