Let's Talk about .. SharePoint Designer 2007-Style of List Body

.ms-vh,.ms-vh2,.ms-vh-icon,.ms-vh-icon-empty,.ms-vhImage,.ms-gb,.ms-gb2,.ms-gbload,.ms-vb,.ms-vb2,.ms-vb-tall,.ms-GRFont,.ms-vb-user,table.ms-disc td,.ms-vh2-nofilter,.ms-vh2-nograd,.ms-vh3-nograd,.ms-vh2-nograd-icon,.ms-vh2-nofilter-icon,.ms-pb,.ms-pb-selected,.ms-ph{
font-size:20pt;
font-family:tahoma,sans-serif;
}

is the style to modify the font of the list body.

Let's Talk about .. MOSS2007-Many-level-Group-by view

When I want the 3-level group by to view the list, I cannot customize in MOSS's modify view since there are only two-level group by. P'Aey told me the method to do is using the SharePoint Designer to custom it.

The introduction to create many-level group by view

1. Open the view page you want to customize in SharePoint Designer.
   
2. Right click, select Convert to XSLT Data View.


3. On menu tab, select Data View -> Sort and Group.


4. The Sort and Group window appears. You can Add the field you want and then, tick Show Group Header.
   
   Anyway, I found that we can't hide the folder when converting to XSLT Data View.

Let's talk about .. SharePoint Designer 2007-Body Area Style

The Styles in core.css that relate with the frame of Body Area are

• .ms-bodyareapagemargin
• .ms-bodyareaframe,.ms-viewareaframe
• .ms-bodyareaframe

Then, you can change the background, border, and padding.

Let's Talk about .. SharePoint Designer 2007-Breadcrumb

Breadcrumb or the navigation is used to make the users know the track they are. They can go back by clicking where they want to go.

It is also set the style by the StyleSheet. You can modify it via the following styles.

• .ms-pagebreadcrumb
• .ms-pagebreadcrumb,.ms-pagebreadcrumb a

Then, you can modify the padding, border, font-size, background, and text-decoration.

Let's Talk about .. SharePoint Designer 2007-Web Part Border Line

Today I was ordered to change the color of the Web Part's border line. I took about 2 hours to find which style is involving with the border >_< Finally, I found that the Styles in core.css that have the relation with the Border line of Web Part consist of .ms-partline, .ms-WPBorder, and .ms-WPBorderBorderOnly.

• .ms-partline is the properties of the line between the content of Web Part and the link to add something to that Web Part.


• .ms-WPBorder and .ms-WPBorderBorderOnly are the properties of the lines of Web Part.

Let's Talk about .. MOSS2007-Flyout Navigation Bar

Creating a flyout nevigation bar is easy in MOSS2007. Even I took about one week to do it >_<
First, you should enter the "Site Setting". Since the nevigation bar is already prepared by MOSS, you just create new or edit the exist one. Then, you got the left nevigation bar.

Second, if you are ok with the default navigation bar, that's it. Anyway, you can modify to change its style or make it be flyout by opening SharePoint Designer, the new version of Front Page.

Third, open the master page, then see the code of the navigation bar. To make it be flyout, you just set the following attributes in the tag:-

• Orientation="Vertical"
• StaticDisplayLevels="2"
• ItemWrap="false"
• MaximumDynamicDisplayLevels="6"
  

After that, the bar will be flyout navigation bar.

Forth, if you want to change the style, you can change the styles of

• LevelMenuItemStyles tag
• LevelSubMenuStyles tag
• LevelSelectedStyles tag

to change your font, background, and more. However, if the styles that are prepared may not satisfy you, so you can add your own styles inside the masterpage, and use them.

If you got any problems, I recommend you this blog. It's very helpful for me when I first tried to make it since there is the simple step-by-step instruction to make it.

http://www.helloitsliam.com/archive/2006/08/29/moss2007-–-look-and-feel-part-3-–-navigation-bar-basics.aspx

Fifth, after you can change the style of the main bar of the navigation bar, if you want to change the style of the flyout of the bar, you can do it by adding the following tags:-

DynamicMenuStyle CssClass="YourStyle1"

DynamicMenuItemStyle CssClass="YourStyle2"

DynamicHoverStyle CssClass="YourStyle3"


These tags are located inside . YourStyle1, YourStyle2, YourStyle3 are the names of the style you use.
Enjoy your Navigation bar !!

Let's Talk about .. MOSS2007-Minimal Master Page

Today I modified the Master Page from the default master page. Do you know what the trouble I got? .. Yeah, the unexpected error occured. My colleague suggested me to create the minimal master page first. Even I didn't do what she told me but I think it's the good method to do when we have to start create the master page.

We should create the minimal master page since it contains all thing we need. There are the PlaceHolders that are used in. This method prevents you from spending time to look back the code again.

You can enter this page to see the instruction of creating the minimal master page..

http://msdn2.microsoft.com/en-us/library/aa660698.aspx