Sponsored Ad

Wednesday, April 21, 2010

SharePoint Design (Secret to my CSS Trickery)

It may be painfully obvious, but if not... I go about doing lots of tiny things here and there in the SharePoint user interface (UI) by manipulating the display using CSS and IDs and class names that are already in the code. Luckily there's a lot of ID/classes assigned to elements in the page, and if you know a tiny about CSS, you can use it to your advantage to morph or hide UI items. This process is how I hide the Site Settings (#SettingsOrReturnURL {display: none}) and My Site (#hlMySite  {display: none}) links for portal.

Adjusting the user interface is as easy as a reference source on the page, or what I like now is the use of partial views of the origin of which is part of Internet Explorer 5 Web Developer Accessories. View the source and see if there is any kind of identification or names related to the topic, or search for a level up or so and see if any ID or class names associated with the container. Sometimes you can change things by grouping and nesting in your CSS.

Store your CSS changes to your custom CSS file or in a Content Editor Web Part on the page. It is clean, requires no programming and is easy on your changes back to the user interface.

0 comments:

Post a Comment

Sponsored Ad




Do you want to receive free Sharepoint updates?

Enter your email address:

Website Updates