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

Space RadTapStrip

5 Answers 120 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
David
Top achievements
Rank 1
David asked on 24 Oct 2010, 05:38 AM
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>

5 Answers, 1 is accepted

Sort by
0
Yana
Telerik team
answered on 27 Oct 2010, 10:55 AM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
David
Top achievements
Rank 1
answered on 29 Oct 2010, 03:11 AM
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.



0
Yana
Telerik team
answered on 29 Oct 2010, 07:45 AM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Cori
Top achievements
Rank 2
answered on 29 Oct 2010, 01:19 PM
Hello David,

What styles are applied from the page css class you're using? That could be what's causing the spacing issue.
0
David
Top achievements
Rank 1
answered on 31 Oct 2010, 10:29 AM
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
Tags
TabStrip
Asked by
David
Top achievements
Rank 1
Answers by
Yana
Telerik team
David
Top achievements
Rank 1
Cori
Top achievements
Rank 2
Share this question
or