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

RadMenu with RepeatColumns renders as single column with bootstrap

3 Answers 69 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Stephen
Top achievements
Rank 1
Stephen asked on 05 May 2014, 09:13 PM
Hi,

When using bootstrap, the RadMenu with RepeatColumns = 2 setting renders as single column because bootstrap forces the box-sizing: border-box rule. If we include this CSS rule, the multi-column render correctly:

ul.rmMultiColumn
{
   box-sizing: content-box;
}

Please include the box-sizing rule into the RadMenu out of the box. Thanks,

3 Answers, 1 is accepted

Sort by
0
Magdalena
Telerik team
answered on 06 May 2014, 12:49 PM
Hello Stephen,

The box-sizing rule is already include in the RadMenu. We have tested the RadMenu with multicolumn with applying Bootstrap on the page, but the issue did not reproduce. We are sending you this video for your reference. Please let me know if you have missed something important. Could you also clarify what version of RadMenu and what version of Bootstrap are you applying?

Regards,
Magdalena
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Stephen
Top achievements
Rank 1
answered on 06 May 2014, 01:00 PM
Hi Magdalena,

We're running Telerik 2013.2.717.40 and Bootstrap 2. The culprit line in bootstrap is due to this rule:

*, *:before, *:after
{
  -webkit-box-sizing: border-box;-
  moz-box-sizing: border-box;
  box-sizing: border-box;
}

Do you know which version of Telerik has this fix included in RadMenu?
0
Magdalena
Telerik team
answered on 07 May 2014, 11:04 AM
Hello Stephen,

I would like to confirm that we tested the a scenario with RadMenu version 2013_2_717 and Bootstrap 2.0.1 but we were not able to replicate the described problem. Could you please confirm that the problem you are facing is that the second column of items for some reason goes on the next line right below the first one. So eventually it looks like the RadMenu items are rendered in a single column instead of two? 

Please note that we have tested the both render mode - the classic and the lightweight. We are sending you this video for your reference. We are sending you the tested project in the attachment. Please let me know if there is something different in your scenario that I am missing.

Thank you for your understanding.

Regards,
Magdalena
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
Menu
Asked by
Stephen
Top achievements
Rank 1
Answers by
Magdalena
Telerik team
Stephen
Top achievements
Rank 1
Share this question
or