Width of RadMultiPage with Border

3 posts, 1 answers
  1. Robin
    Robin avatar
    30 posts
    Member since:
    Jun 2012

    Posted 12 Jul 2012 Link to this post

    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
  2. Answer
    Kate
    Admin
    Kate avatar
    1898 posts

    Posted 17 Jul 2012 Link to this post

    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
        {
            widthauto;
            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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. Robin
    Robin avatar
    30 posts
    Member since:
    Jun 2012

    Posted 17 Jul 2012 Link to this post

    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
Back to Top