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

That space to the right of the last item...

5 Answers 201 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Lisa
Top achievements
Rank 1
Lisa asked on 24 Jul 2012, 08:21 PM
All of the menu demos show the menu in full width with a blank spot to the right of the last menu item.  I want to shrink the size of my menu down and float it right but I can NOT get rid of that space, is there a way to make it go away?

Currently I have hid all the borders so it's not as noticeable but the gap over there is  bigger than on the left.  

Help?

Thanks in advance!

5 Answers, 1 is accepted

Sort by
0
Lisa
Top achievements
Rank 1
answered on 24 Jul 2012, 09:09 PM
I did this, in case anyone is interested. Or if anyone wants to tell me this is a bad idea and why.  

.k-menu .k-last
{
    margin-right-4px;
}

(I have a width set to my menu in the div container it sits in, so the -4 is probably specific to my case)
0
Mark
Top achievements
Rank 1
answered on 05 Aug 2012, 10:29 PM
This style may have something to do with it:

.k-menu:after /* clear fix to expand content */
{
    content'\A0';
    displayblock;
    width99%;
    height0;
    overflowhidden;
}

Remove that and your space goes away.
0
Kamen Bundev
Telerik team
answered on 08 Aug 2012, 09:00 AM
Hi,

Actually, it would be better if that rule stays in place, as it helps with Menu sizing. The non-breaking space in the content is to blame, remove it to avoid the 4px gap /float: inherit was added to avoid some weirdness in IE/:
.k-menu:after /* clear fix to expand content */
{
    content: '';
    display: block;
    width: 99%;
    height: 0;
    float: inherit;
    overflow: hidden;
}


The fix will be also available in the service pack.

Greetings,
Kamen Bundev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Asaf
Top achievements
Rank 2
answered on 28 Nov 2012, 10:45 PM
Can someone please upload an example?
Can't make it work even after the fix.

Thanks!
0
Kamen Bundev
Telerik team
answered on 03 Dec 2012, 07:53 PM
Hi Asaf,

Then probably the issue you have is not the same as the one discussed. Can you open a new thread and post a sample page or a live URL where we can reproduce this issue and help you fix it?

Regards,
Kamen Bundev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Menu
Asked by
Lisa
Top achievements
Rank 1
Answers by
Lisa
Top achievements
Rank 1
Mark
Top achievements
Rank 1
Kamen Bundev
Telerik team
Asaf
Top achievements
Rank 2
Share this question
or