SharePoint Rounded Corner Web Parts

Use JQuery and a content editor web part to quickly achieve rounded corner backgrounds for web parts within SharePoint 2007.

QuickStart Guide
  1. Generate images for web part corners - I used http://www.roundedcornr.com.
  2. Copy/paste the following JavaScript content into a text editor - RoundedWebPart
  3. Replace the following corner image URL's with paths to your newly generated corner images (ensure your users have 'read' privileges to the images' location)
    • /Shared%20Pictures/Top_Left_Corner.png
    • /Shared%20Pictures/Top_Right_Corner.png
    • /Shared%20Pictures/Bottom_Left_Corner.png
    • /Shared%20Pictures/Bottom_Right_Corner.png
  4. Replace the '#f3de96' color with the value of your images' color
  5. Add a Content Editor Web Part to the SharePoint page
  6. Modify the Web Part and paste your modified JavaScript text content into the Source Code Editor
Check the content editor's layout 'Hidden' property to prevent it from displaying with a rounded corner background.

Posted on 12/8/2009 5:02:00 PM by sterlingt

Permalink | Comments (2) | Post RSSRSS comment feed |

Categories: MOSS 2007 | SharePoint 2007 | WSS 3.0

Tags:

Be the first to rate this post

  • Currently 0/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5

Related posts

Comments

February 4. 2010 04:55

Hi, the link to the JavaScript file in 'SharePoint Rounded Corner Web Parts' seems to be broken. I'd very much like a copy of the code to use on a site I maintain.

Regards,

David

David Phillips gb

April 26. 2010 01:39

fantastic job. This is just what I was looking for. The only issue I have is that it uses the rounded corner on all of the web parts on my page where I only wanted the one CEWP to have the rounded corner. Is there a way to do this?

Chris gb

Add comment


 

[b][/b] - [i][/i] - [u][/u]- [quote][/quote]



Live preview

July 29. 2010 17:03