Width of RadMultiPage with Border

[Robin]

Hello,

I am currently using a RadMultiPage with Width="100%" and BorderWidth="1px". I understand that the intended behavior is that the 1 pixel is added on top of the 100%, however, this is causing me some problems. I would like the control to have an overall width of 100%, including the border. Is there an easy way to achieve this behavior?

Thanks in advance,
Robin

[Kate]

Hi Robin,

Here are two approaches that you can try out:

The first one is to set a css class to the RadMultiPage control and assign it the following styles:

.multiPage

    {

        width:  auto;

        border: 10px solid red;

    }

The second one is to set width to 100% of the RadPageView control then set another css class to all of the RadPageViews using the CssClass property where you set the border:

.multiPage
    {
        width: 100%;
    }
    .corporatePageView
    {
        border: 10px solid red;
    }

markup:

<telerik:RadMultiPage runat="server" ID="RadMultiPage1" SelectedIndex="0" Height="218px"
            CssClass="multiPage">
            <telerik:RadPageView runat="server" ID="RadPageView1" CssClass="corporatePageView">
                <ul>
                    <li>Corporate Info</li>
                    <li>Press Center</li>
                    <li>Customers</li>
                    <li>Awards</li>
                </ul>
            </telerik:RadPageView>
</telerik:RadMultiPage>

All the best,
Kate
the Telerik team

[Robin]

Hi Kate,

Thank you very much for your solution. I already tried the first approach, and it seems to work just the way I wanted it to.

With regards,
Robin