Stump the Panel » Q&A on "Path to SharePoint" Workshops

Easy Tabs - Rounded corners

(10 posts)
  • Started 2 months ago by Christophe
  • Latest reply from Christophe
  1. As we didn't demonstrate the rounded corner feature during the Easy Tabs workshop, here is an example to complement the customization guide. This is actually very easy thanks to the excellent jQuery corner plugin used in the script.

    The rounded corners are implemented in two of the Web Parts you received:
    EasyTabs_CustomStyle.dwp:
    $(".ET001_tab").corner("10px top");

    QuickMenu_CustomStyle.dwp
    $(".ET001_tab").corner("fray 8px");

    To modify the style, use this page as reference:
    http://www.malsup.com/jquery/corner/

    For example, to get tabs with the top right corner cut, replace the line in the original code with this:
    $(".ET001_tab").corner("bevel tr");
    (tr stands for top right)

    Remember to update the beginning of the script to point to your own versions of jQuery and jQuery corner.

    Posted 2 months ago #
  2. Christophe - I've had people tell me that the second row of tabs does not have rounded corners. Is there a way to fix that? -- Mark

    Posted 1 week ago #
  3. NancyCentury
    Member

    :-( I have had to stop using rounded corners despite the great look.. it causes an IE error for users.

    Posted 1 week ago #
  4. Nancy, does this happen when you split the tabs row only, or even for a single row?

    Posted 1 week ago #
  5. NancyCentury
    Member

    What we have deduced is that it's users running IE 6, and it happens all the time- they cannot open the page if the rounded corner script is in use in any way, whether on regular web parts or tabs.

    We have users in different states so consistency in browser version cannot be enforced. We are running IE 8 and have no issues but these users can't/won't upgrade and that was that.

    Even though these users are definitely the minority, I had to stop using the script for this reason. It really bummed me out because I think it's a simple yet very effective design improvement.

    Posted 1 week ago #
  6. Well, it is true that I am not supporting IE 6 anymore - one of the worst browsers of all times. I am just following a general trend (Even Microsoft doesn't support it in SharePoint 2010).
    Unless otherwise stated, my solutions work in IE7, IE8, Firefox, Safari and Chrome.

    Any reason why your users are still with IE6? IE9 is around the corner...

    Posted 1 week ago #
  7. NancyCentury
    Member

    I have no idea.. we were bought out recently and the parent company is not - shall we say- on trend when it comes to technology. I've pulled out a lot of hair in the past year.

    Our office is fine but we can't mandate anything upwards. They won't change until NOT changing significantly affects someone who has the power to require a universal upgrade. Unfortunately the few users up there who get the error on my sites are not of that power level, so they can't call the shots. Sigh.

    Posted 1 week ago #
  8. Simple
    Member

    I've actually had the issue in windoows IE 7 as well See screen shot
    http://www.twitpic.com/q0cco/full

    Posted 1 week ago #
  9. Simple
    Member

    I've actually had the issue in windoows IE 7 as well See screen shot
    http://www.twitpic.com/q0cco/full

    Posted 6 days ago #
  10. Simple - I'll look into it this week and get back to you.

    Posted 6 days ago #

RSS feed for this topic

Reply

You must log in to post.