How to add Custom gradient border to Web Part?

Question

Hello,

I have a requirement to add a custom border to a web part. This web part will have a gradient like border. I have a graphic image of the border but it is not a requirement to use.  Any help would be much appreciated.

Thanks!

---

adam

Answer 1

could you post your mockup so we can see exactly what you want to achieve.

---

Regards, Chris

Answer 2

Hi ,

Since you have the graphic image of the border you want .You can modify the CSS for the web part .You can use Jquery in a content editor web part or write you own CSS file .

For more information ,please refer to this site:

Branding web parts in SharePoint 2010: http://zepeda-mcmillan.blogspot.com/2010/06/branding-web-parts-in-sharepoint-2010.html

Customizing SharePoint 2010 Web Part User Interfaces (Wrox) : http://msdn.microsoft.com/en-us/library/hh537935.aspx

Thanks

---

Entan Ming

TechNet Community Support

Answer 3

I need to create a border that is similar to the below item.

 

thanks,

---

adam

Answer 4

Hi there, recently I wrote a blog post about how to customize the UI of web parts, take a look at the section 'more stuff you can do' http://chrisstahl.wordpress.com/2012/01/27/customize-the-ui-of-web-parts-in-sharepoint-2010/ hope this can helps you.

/ C

---

Blog: chrisstahl.wordpress.com Twitter: @Cstahl