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.js (2.20 kb)
  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 (0) | 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

Add comment


(Will show your Gravatar icon)  

  Country flag

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



Live preview

March 11. 2010 05:13