[Solved] Space RadTapStrip

[David]

Hi,

Can anyone please advise how I can lose the space between the tabs and the RadMultiPage (see the attached pic). The code is:

    <telerik:RadTabStrip ID="AppsRadTabStrip"
                         MultiPageID="AppsRadMultiPage"
                         SelectedIndex="0" ShowBaseLine="true"
                         runat="server">
        <Tabs>
            <telerik:RadTab Text="MemoToMp3" PageViewID="MemoToMp3RadPageView">
            </telerik:RadTab>
            <telerik:RadTab Text="BookLender" PageViewID="">
            </telerik:RadTab>
        </Tabs>
    </telerik:RadTabStrip><!--
            no spaces between the tabstrip and multipage, in order to remove unnecessary whitespace
    --><telerik:RadMultiPage ID="AppsRadMultiPage" SelectedIndex="0" runat="server" CssClass="page">
        <telerik:RadPageView ID="MemoToMp3RadPageView" runat="server">
            <div class="page">
                <p>
                    memoTomp3 is a small, lightweight app which lets you quickly record a few thoughts straight down to an mp3 file.
                    Kind of like a verbal version of quickly jotting down a thought. So yes, you do need a microphone.
                </p>...
        </telerik:RadPageView>
</telerik:RadMultiPage>

[Yana]

Hello David,

The reason for this is the used <p> tag - it adds some space by default. You can remove it like this:

<telerik:RadMultiPage ID="AppsRadMultiPage" SelectedIndex="0" runat="server" CssClass="page">
    <telerik:RadPageView ID="MemoToMp3RadPageView" runat="server">
        <div class="page">
            <p style="margin: 0; padding: 0">
                memoTomp3 is a small, lightweight app which lets you quickly record a few thoughts
                straight down to an mp3 file. Kind of like a verbal version of quickly jotting down
                a thought. So yes, you do need a microphone.
            </p>
        </div>
    </telerik:RadPageView>
</telerik:RadMultiPage>

Best regards,
Yana
the Telerik team

[David]

Hi Yana,

Unfortunately, your suggestion did not fix the problem.
Neither did making the margin of the div 0 (and padding 0).

The gap between tabstrip and multipage remains.

[Yana]

Hi David,

Could you please used css in your page, because I'm not able to reproduce the issue? Thanks

Kind regards,
Yana
the Telerik team

[Cori]

Hello David,

What styles are applied from the page css class you're using? That could be what's causing the spacing issue.

[David]

I have sorted this out now. It was a matter of getting the right combination of margin/padding settings in the css.
I tried these things many times when it was't working. It just started working today. Must have been a caching issue.

Thanks guys for helping me out.

Cheers