Using panelbar as a "drawer" or "slide out"

[Zachariah]

I'm currently trying to use the RadPanelbar to display a drawer or slide-out effect (the old Quicktime client is about the best quick example I can think of).  To do this so far I've got a couple of top level nodes with no text each of which has a single item under them which is opened or closed via the client side script.  So far functionality is working perfectly and it renders as intended in 3 of the 4 browsers but IE is giving me a headache.  Despite the fact that no top level A tag or text is rendered IE still displays the RootGroup LI elements at full height.  Overwriting the styles as follows:
.rpRootGroup .rpItem
    {
        font-size: 0px;
        padding:0px;
        margin:0px;
    }

    .rpSlide .rpGroup .rpItem
    {
        font-size:100%;
    }
gets rid of most of the vertical space but still leaves me with about 2px of height per top level LI element.

Any suggestions on how to get around this strange spacing?

[Alex Gyoshev]

Hi Zachariah,

You could try to set the line-height to zero. The problem is probably caused by whitespace (which is shown as #text nodes in the Web Developer Toolbar), rendered inside the .rpItem elements.

Greetings,
Alex
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Boris Gheihman]

I have a similar problem. I'm using PanelBar for a site menu that contains graphics only to create "drawer" like look. It works perfectly with FF and Chrome. IE7 and I suspect 6 have a problem: white spaces between pictures. This issue stems from IE bug. If you search the web for "vertical space between li items" people offer some solutions, but none of them works for RadPanel bar so far. This is a critical issue, because presentation is a critical part of the project. Please, advise.

[Paul]

Hi Boris,

I think it will be best if you can open a support ticket and send us a simple running project (incl. CSS, images, skins, DB backup if needed and so on) demonstrating the problem (and step-by-step instructions on doing so). In that way we can reproduce and pinpoint the problems you're facing on our side, understand the logic of your application and provide a solution.

Thanks beforehand for your patience and cooperation,
Paul
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.