Comments on: How to add rounded corners to your SharePoint web parts.

By: svs

svs — Thu, 31 Jan 2013 15:31:04 +0000

I was able to fix the issue for Content editor web part and now when i try to use the same logic on a different site collection, when it is used on a List view web part, the right side of the box is missing. The same one works absolutely fine with all different oob as well as custom web parts. The issue occurs only wiht list/library view web part. Any suggestions?

By: Maria Vig

Maria Vig — Tue, 30 Oct 2012 17:20:03 +0000

How to add rounded corners on the main content area?

By: W0ut

W0ut — Mon, 22 Oct 2012 13:46:24 +0000

It’s very difficult to give you some advise remotely. Check if you have the correct html syntax no items with the same ID. etc….

By: svs

svs — Thu, 18 Oct 2012 15:35:33 +0000

Hi,
I am able to apply this on only some web parts. on a content editor web part, for some reason it is applying three vertical lines on the web part and also closing vertical line is not quite aligning correctly. Any where we have to mention the width of the web part zone with in these css/js files? plese let me know.
Thanks

By: W0ut

W0ut — Mon, 07 Nov 2011 13:27:12 +0000

This is a list of the image files I used.
png files are a specific image file format.

By: RAJ

RAJ — Mon, 07 Nov 2011 13:19:15 +0000

Most confusing article ever read, What is
l.png (left image) = Top Left?.
r.png (right image)= Top Right?.
t.png (top image)=
b.png (bottom image)
tl.png (top left image)
bl.png (bottom left image) ?..

By: Robin

Robin — Fri, 15 Jul 2011 15:35:34 +0000

Alshah,

I ended up using

$(“.s4-wpcell .s4-wpTopTable”)

in order to get around the Search Web Part issue. It works for the most part but there were one or two webparts that it didn’t completely style. I think one of them was the Excel Web Access web parts. But even with only the top being rounded, we decided to use it because we liked the way it looked. Hope that helps.

-Robin

By: Nick

Nick — Fri, 24 Jun 2011 00:30:13 +0000

Hi Wout,

Have you tested the check out functionality with this solution? If a user clicks ‘Check Out’ in the ribbon, the item is actually checked out twice – causing an error.

Do you see the same issue?

Any ideas?

Thanks,
Nick

By: W0ut

W0ut — Mon, 20 Jun 2011 11:11:59 +0000

I used this website to generate my corners.
http://www.generateit.net/rounded-corner/

They are ‘curvy’ images with a specific height (depending on how large your rounding of the corner is).
Some images are rather wide to be flexible with the width of the ‘box’

By: spoorthi

spoorthi — Fri, 17 Jun 2011 19:39:36 +0000

Hi,
Thanks for sharing this article, i am confused with the images you have mentioned, the top ,bottom, left, right images are curvy at ends or just single line.i would be great if you provide the screenshot of images