Multirow Multicolumn combobox

3 posts, 0 answers
  1. Hamid
    Hamid avatar
    8 posts
    Member since:
    Dec 2012

    Posted 19 Mar 2013 Link to this post

    Need some guidance in Multirow Multicolumn combobox as the second combobox in the demo 

     (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.

  2. Boyan Dimitrov
    Boyan Dimitrov avatar
    2062 posts

    Posted 22 Mar 2013 Link to this post

    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:">
            <telerik:RadComboBoxItem Text="Item 1" />

    /** 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.

    Boyan Dimitrov
    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.
  3. Hamid
    Hamid avatar
    8 posts
    Member since:
    Dec 2012

    Posted 26 Mar 2013 Link to this post

    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

Back to Top