trickyjw

Hi there. I would like to change the look and feel of my webparts. For example, change the font,colour,background color,text decoration etc. I have looked through the core.css file using Sharepoint Designer however I'm not sure which element to change in the css file. I thought maybe it might have been something like ms-WPHeader. Does anyone have an ideas how I can customize the webparts

.



Re: SharePoint - Design and Customization Customize the look and feel of a webpart

Han Duong

Hi, you may like to install IE Developer Tools to helps you identify css element.
Han Duong




Re: SharePoint - Design and Customization Customize the look and feel of a webpart

alspeirs

.ms-WPHeader is the class of the title bar of the webpart. There are other classes used in the web part content, but the exact classes and IDs will vary from webpart to webpart. Your best bet is to use the IE Dev toolbar to identify the particular elements, like Han said.




Re: SharePoint - Design and Customization Customize the look and feel of a webpart

George Perantatos

Some of the out of box web parts are based on the Data Form Web Part (for example, Search Results). You can edit their XSL in SharePoint Designer.

3 of the web parts out of box have a "style" model based on XSL (Summary Links, Content Query, Table of Contents). You can edit the styles defined as XSL templates, and then the user can pick from a palette of styles.

--George Perantatos [MSFT]





Re: SharePoint - Design and Customization Customize the look and feel of a webpart

vidyakanth

hi

i am using summary link web part in my sharepoint 2007 intranet site . i want a drop down menu to be displayed when mouse over a link, is it possible to do that.

with regards

sri






Re: SharePoint - Design and Customization Customize the look and feel of a webpart

SharePointKoolAid

George:

Do you know of any tutorials that show the process for modifying the XSL in those controls I'm not looking for XSL tutorials...just the process of modifying the web part. Also, can you modify the XSL of a content query web part and only have it affect that one instance of it, or does it effect every single content query web part used in the site collection

To answer the OP's question, visit Heather Soloman's web site. She's made a 'css cheat sheet' that specifies every single component in a sharepoint site so you can modify the appropriate ID or Class name.

Needless to say, SharePoint, out of the box, makes a huge convoluted mess of silly ID and Class attributes and hasn't seemes to grasp the concept of CSS inheritence yet. Given that SharePoind Designer can't even render a CSS layout makes me have little to no confidence in MOSS really ever fully embracing user-editable markup and CSS in any sane fashion.




Re: SharePoint - Design and Customization Customize the look and feel of a webpart

The Mossman

I'm late to this party but you may want to try Firebug for firefox, I find it superior to the IE Dev toolbar as it allows you to inspect the applied and overridden styles in your browser and even allows you to adjust them on the fly and see the results real time. Its pretty much my go to tool of choice.






Re: SharePoint - Design and Customization Customize the look and feel of a webpart

SharePointKoolAid

Agreed...Firefox is invaluable for development.

That said, I'd really try to fix the issue at the HTML level, as MOSS just doesn't necessarily make clean HTML to begin with.

A good example is the one Heather Solomon found whith the search box having an empty TD set to width=%100.

yea, there's way to over-ride that with CSS, but ideally you'd fix that issue at the source.




Re: SharePoint - Design and Customization Customize the look and feel of a webpart

The Mossman

I have high hopes for this ATK:

http://aks.hisoftware.com/index.html

Supposedly it will include rewritten controls to be w3c accessable (and I hope along with this comes a more css friendly output). I was also looking at the css friendly adapters for dotnet, but ran into problems with them and the admin sections of sharepoint.

http://www.asp.net/cssadapters/