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

6 posts, 0 answers
  1. Lisa
    Lisa avatar
    4 posts
    Member since:
    Jul 2012

    Posted 24 Jul 2012 Link to this post

    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!
  2. Lisa
    Lisa avatar
    4 posts
    Member since:
    Jul 2012

    Posted 24 Jul 2012 Link to this post

    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)
  3. Kendo UI is VS 2017 Ready
  4. Mark
    Mark avatar
    3 posts
    Member since:
    Dec 2011

    Posted 05 Aug 2012 Link to this post

    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.
  5. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 08 Aug 2012 Link to this post

    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!
  6. Asaf
    Asaf avatar
    2 posts
    Member since:
    Jul 2008

    Posted 28 Nov 2012 Link to this post

    Can someone please upload an example?
    Can't make it work even after the fix.

    Thanks!
  7. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 03 Dec 2012 Link to this post

    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!
Back to Top
Kendo UI is VS 2017 Ready