Hiding the MultiView border for the selected tab

4 posts, 1 answers
  1. Garee
    Garee avatar
    12 posts
    Member since:
    May 2007

    Posted 09 Sep 2008 Link to this post

    I have a RadTabStrip hooked up to a RadMultiPage, with a 1px border set on the RadMultiPage. I've then used some CSS on the RadMultiPage control (margin-top: -1px) so that it aligns properly to the bottom of the tabstrip.

    This looks great, except the border is continous on the RadMultiPage and doesn't break for the selected tab. I'm trying to get this to work with the "Gray" skin, but I'm also seeing similar behaviour with the "Vista" skin.

    I've had a search through the forums and can't find any posts on this, although there is a post for the old RadControl which describes the margin solution I'm already using.

    I'm sure I didn't used to have this problem with the pre-Prometheus version, so maybe it's something new with the ASP.NET AJAX version?
  2. Answer
    Yana avatar
    4848 posts

    Posted 10 Sep 2008 Link to this post

    Hi Gary,

    Please check the attached sample project which shows the needed approach. Download it and give it a try.

    Kind regards,
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. Garee
    Garee avatar
    12 posts
    Member since:
    May 2007

    Posted 10 Sep 2008 Link to this post

    Hi Yana,

    Many thanks - that's exactly what I'm after.

    Great support :-)

  4. Dave
    Dave avatar
    2 posts
    Member since:
    Sep 2008

    Posted 25 Nov 2009 Link to this post

    This does not appear to work for Q2 2009 SP1.

    Is there a workaround for this?


    : Note that the attached approach does not work with master pages (or similar contexts) as the id is prepended with info from up the chain and cannot be referenced with '#RadMultiPage1'.  You need to set the CssClass to RadMultiPage on the multi page and use the css dot notation '.RadMultiPage'
Back to Top