This is a migrated thread and some comments may be shown as answers.

Multiple columns within the dropdown list

3 Answers 144 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Katherine
Top achievements
Rank 1
Katherine asked on 24 Feb 2009, 11:00 AM
I was wondering if it's possible to have multiple columns within the sub menu of the RadMenu control, as shown in this image

If so, could you tell me how to do so

Thanks

3 Answers, 1 is accepted

Sort by
0
Atanas Korchev
Telerik team
answered on 24 Feb 2009, 11:55 AM
Hello Katherine,

RadMenu supports this layout via templates. You can check this online example.

Regards,
Albert
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
Ged
Top achievements
Rank 1
answered on 24 Feb 2009, 06:41 PM
Thanks for that reply.  I work with Katherine and I am now looking into this too.

Problem we are having is that our Menus are databound via our sitemap.  I am struggling to see how we can do this dynamically.

We will be databinding to a Sitemap that will be returning 100+ items.  What we need to do is chop this into 3 columns (with 10 LI's in each) therefore only displaying the first 30 results.  Effectively we would need it to result in the same as doing :

            <telerik:RadMenu ID="RadMenu1" runat="server" Skin="Web20" CssClass="qsfexMenu">
                <Items>
                    <telerik:RadMenuItem Text="Products">
                        <Items>
                            <telerik:RadMenuItem CssClass="ProductsSection">
                                <ItemTemplate>
                                    <div class="qsfexCustomMenuSection">
                                        <ul>
                                            <li><a href="#">1</a></li>
                                            <li><a href="#">2</a></li>
                                            <li><a href="#">3</a></li>
                                            <li><a href="#">4</a></li>
                                            <li><a href="#">5</a></li>
                                            <li><a href="#">6</a></li>
                                            <li><a href="#">7</a></li>
                                            <li><a href="#">8</a></li>
                                            <li><a href="#">9</a></li>
                                            <li><a href="#">10</a></li>

                                        </ul>
                                    </div>
                                    <div class="qsfexCustomMenuSection">
                                        <ul>
                                            <li><a href="#">11</a></li>
                                            <li><a href="#">12</a></li>
                                            <li><a href="#">13</a></li>
                                            <li><a href="#">14</a></li>
                                            <li><a href="#">15</a></li>
                                            <li><a href="#">16</a></li>
                                            <li><a href="#">17</a></li>
                                            <li><a href="#">18</a></li>
                                            <li><a href="#">19</a></li>
                                            <li><a href="#">20</a></li>

                                        </ul>
                                    </div>
                                    <div class="qsfexCustomMenuSection">
                                        <ul>
                                            <li><a href="#">21</a></li>
                                            <li><a href="#">22</a></li>
                                            <li><a href="#">23</a></li>
                                            <li><a href="#">24</a></li>
                                            <li><a href="#">25</a></li>
                                            <li><a href="#">26</a></li
>
                                            <li><a href="#">27</a></li
>
                                            <li><a href="#">28</a></li
>
                                            <li><a href="#">29</a></li
>
                                            <li><a href="#">30</a></li>

                                        </ul>
                                    </div>

                                </ItemTemplate>
                            </telerik:RadMenuItem>
                        </Items>
                    </telerik:RadMenuItem>

                </Items>
            </telerik:RadMenu>

0
Atanas Korchev
Telerik team
answered on 25 Feb 2009, 07:36 AM
Hello Ged,

Unfortunately RadMenu does not support this capability. There is no way to make columns when using databinding.

Greetings,
Albert
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
Tags
Menu
Asked by
Katherine
Top achievements
Rank 1
Answers by
Atanas Korchev
Telerik team
Ged
Top achievements
Rank 1
Share this question
or