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

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

3 Answers 129 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
Zachariah
Top achievements
Rank 1
Zachariah asked on 28 May 2008, 05:01 PM
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?

3 Answers, 1 is accepted

Sort by
0
Alex Gyoshev
Telerik team
answered on 02 Jun 2008, 10:36 AM
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
0
Boris Gheihman
Top achievements
Rank 1
answered on 28 Oct 2008, 02:02 PM

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.

0
Paul
Telerik team
answered on 28 Oct 2008, 02:20 PM
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.
Tags
PanelBar
Asked by
Zachariah
Top achievements
Rank 1
Answers by
Alex Gyoshev
Telerik team
Boris Gheihman
Top achievements
Rank 1
Paul
Telerik team
Share this question
or