Similar Posts

16 Comments

  1. Hi Marc,

    Have you found any way on how to make adjustments to this? We would like to make the quick launch and the metadata navigation area wider, but the resizer (draggable border seems to be stuck.

    Any help is much appreciated. :-)

    1. Frank:

      How do you mean “stuck”? Do you have any custom branding in place that could be having an effect on the behavior? Custom script?

      M.

  2. Hi Mark,

    Sorry, bad choice of word :-)

    It’s not actually stuck, I can use the draggable border just as intended.

    But I have adjusted the width on the quick launch, because many of the keywords from the metadata service structure is fairly long. So I was hoping in doing that, that the draggable border also moved farther to the right, because of the new width of the quick launch area. It doesn’t. It stays put. Hence the word “stuck”. :-)

    Any idea on how to fix this? Is it at all supposed to work like this?

  3. Following css should resolve the issue:

    body #s4-leftpanel{
    width:180px; !important;
    float:left;
    }

    #GrippyVerticalBarPositionHelper > div
    {
    left:180px !important;
    }
    .left-nav-bar, .ms-KFMenu
    {
    width:180px !important;
    }

    .s4-ca{
    margin-left:182px; !important;
    }

  4. Hi

    Is there a possibility that i have this dragging functionality without activating the “metadata navigation…” feature through custom branding?

    Any pointers would be very helpful

    Thanks and regards
    Shiva

    1. Shiva:

      I would suggest adding some script to mirror the functionalioty. There are quite a few posts out there with examples.

      M.

  5. Hi! I’ve got two libraries in wich the “GrippyVerticalBar” is available. By the way, its default size is too small to hold the menu and EVERYTIME we need to resize it manually. Is there a way to make its default size larger? Is the css different for each library where metadata navigation is activated? Thank you!

        1. You should be able to set the width of the div wit the id=GrippyVerticalBarPositionHelper, as I show in the update on the bottom of the post.

          Something like this ought to work:

          #GrippyVerticalBarPositionHelper {
            width:200px;
          }
          

          M.

  6. Hi Marc! OMG this post is brilliant! I wonder if you could help me out with something tho – I want to make the height of the box longer – when it expands we’re losing a lot of the menu and I don’t want t0 have to ask my users to manually resize every time. Any idea how I’d do this?

    Many thanks in advance ;)

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.