Comments on: MOSS 2007, CSS, and you, the Non-Developer – Part 4: the BodyArea http://www.endusersharepoint.com/2010/03/24/moss2007-css-and-you-the-non-developer-%e2%80%93-part-4-the-bodyarea/ No GeekSpeak on SharePoint 2007 WSS and MOSS Thu, 07 Oct 2010 21:39:11 -0400 http://wordpress.org/?v=2.8.6 hourly 1 By: MOSS 2007, CSS, and you, the “Non-Developer” – Part 5: the TopNavigation and the SiteActions Menus « The SharePoint Mechanic http://www.endusersharepoint.com/2010/03/24/moss2007-css-and-you-the-non-developer-%e2%80%93-part-4-the-bodyarea/comment-page-1/#comment-60367 MOSS 2007, CSS, and you, the “Non-Developer” – Part 5: the TopNavigation and the SiteActions Menus « The SharePoint Mechanic Tue, 27 Apr 2010 01:42:26 +0000 http://www.endusersharepoint.com/?p=6806#comment-60367 [...] as changing the title font and border colors of some of our default web parts. As I said in that ARTICLE if you don’t count making changes to your web parts there really wasn’t a lot to change [...] [...] as changing the title font and border colors of some of our default web parts. As I said in that ARTICLE if you don’t count making changes to your web parts there really wasn’t a lot to change [...]

]]>
By: MOSS 2007, CSS, and you, the Non-Developer – Part 5: the TopNavigation and the SiteActions Menus | EndUserSharePoint.com http://www.endusersharepoint.com/2010/03/24/moss2007-css-and-you-the-non-developer-%e2%80%93-part-4-the-bodyarea/comment-page-1/#comment-53674 MOSS 2007, CSS, and you, the Non-Developer – Part 5: the TopNavigation and the SiteActions Menus | EndUserSharePoint.com Thu, 08 Apr 2010 14:01:40 +0000 http://www.endusersharepoint.com/?p=6806#comment-53674 [...] as changing the title font and border colors of some of our default web parts. As I said in that ARTICLE if you don’t count making changes to your web parts there really wasn’t a lot to change [...] [...] as changing the title font and border colors of some of our default web parts. As I said in that ARTICLE if you don’t count making changes to your web parts there really wasn’t a lot to change [...]

]]>
By: Jay http://www.endusersharepoint.com/2010/03/24/moss2007-css-and-you-the-non-developer-%e2%80%93-part-4-the-bodyarea/comment-page-1/#comment-49961 Jay Sat, 27 Mar 2010 04:09:46 +0000 http://www.endusersharepoint.com/?p=6806#comment-49961 JIm you'll need to add the style tags. For some reason they don't display here when I add them to my reply. Take a look at the following link and about halfway down is a piece on overriding the branding on a single page. That should help. Also try putting the CEWP at the bottom of the page (not sure if that really makes a difference with CSS but it does with scripts so I make a habot of doing it that way). http://5280solutions.wordpress.com/2009/07/08/reasons-to-love-the-content-editor-web-part-cewp/ Let me know if that help you out. Jay JIm you’ll need to add the style tags. For some reason they don’t display here when I add them to my reply. Take a look at the following link and about halfway down is a piece on overriding the branding on a single page. That should help.

Also try putting the CEWP at the bottom of the page (not sure if that really makes a difference with CSS but it does with scripts so I make a habot of doing it that way).

http://5280solutions.wordpress.com/2009/07/08/reasons-to-love-the-content-editor-web-part-cewp/

Let me know if that help you out.

Jay

]]>
By: Jim http://www.endusersharepoint.com/2010/03/24/moss2007-css-and-you-the-non-developer-%e2%80%93-part-4-the-bodyarea/comment-page-1/#comment-49823 Jim Fri, 26 Mar 2010 23:13:48 +0000 http://www.endusersharepoint.com/?p=6806#comment-49823 Thanks Jay. Unfortunately, that doesn't seem to be doing anything. To be clear, here's what I've done: 1. Create a "web part page" 2. Add a webpart, select CEWP 3. Add a second webpart, select my list that I've created with appropriate view 4. Make changes to CEWP as described above. (also tried again, swapping order of steps 2 & 3) Now what I see is a page with 2 sections. The first section simply displays the text ".ms-vb2 { font size: 24;} The second section displays my list (still with small fonts). Even though the I haven't found Todd Bleeker's script, I have verified that the class .ms-vb2 is what is being used. I looked at the source html, which definitely had <table class=".ms-vb2" right where my text is at that I would like to be bigger. Thanks again, and if there's any ideas on where I might be going wrong with the CEWP, I'm all ears. Jim Thanks Jay. Unfortunately, that doesn’t seem to be doing anything. To be clear, here’s what I’ve done:
1. Create a “web part page”
2. Add a webpart, select CEWP
3. Add a second webpart, select my list that I’ve created with appropriate view
4. Make changes to CEWP as described above.
(also tried again, swapping order of steps 2 & 3)

Now what I see is a page with 2 sections. The first section simply displays the text “.ms-vb2 { font size: 24;} The second section displays my list (still with small fonts).

Even though the I haven’t found Todd Bleeker’s script, I have verified that the class .ms-vb2 is what is being used. I looked at the source html, which definitely had <table class=".ms-vb2" right where my text is at that I would like to be bigger.

Thanks again, and if there's any ideas on where I might be going wrong with the CEWP, I'm all ears.

Jim

]]>
By: EndUserSharePoint http://www.endusersharepoint.com/2010/03/24/moss2007-css-and-you-the-non-developer-%e2%80%93-part-4-the-bodyarea/comment-page-1/#comment-49645 EndUserSharePoint Fri, 26 Mar 2010 14:18:28 +0000 http://www.endusersharepoint.com/?p=6806#comment-49645 Todd has placed the Style Under Cursor web part in a zip file containing his presentation resource for "Todd's Content Editor Web Part (CEWP) Tricks". Go here, http://mindsharp.com/?premium=Default , and you can download the package containing his web part. -- Mark Todd has placed the Style Under Cursor web part in a zip file containing his presentation resource for “Todd’s Content Editor Web Part (CEWP) Tricks”. Go here, http://mindsharp.com/?premium=Default , and you can download the package containing his web part. — Mark

]]>
By: Jay http://www.endusersharepoint.com/2010/03/24/moss2007-css-and-you-the-non-developer-%e2%80%93-part-4-the-bodyarea/comment-page-1/#comment-49432 Jay Fri, 26 Mar 2010 06:26:10 +0000 http://www.endusersharepoint.com/?p=6806#comment-49432 Thanks Mark. If he doesn't respond for some reason I have a link to a similar script from Microsoft somewhere I can dig up. Thanks Mark. If he doesn’t respond for some reason I have a link to a similar script from Microsoft somewhere I can dig up.

]]>
By: EndUserSharePoint http://www.endusersharepoint.com/2010/03/24/moss2007-css-and-you-the-non-developer-%e2%80%93-part-4-the-bodyarea/comment-page-1/#comment-49408 EndUserSharePoint Fri, 26 Mar 2010 05:21:39 +0000 http://www.endusersharepoint.com/?p=6806#comment-49408 It looks as if Todd's web part isn't available on his site anymore. I've got a copy and sent him a request to let me make it available. Give it a day or two and we'll see what he says. -- Mark It looks as if Todd’s web part isn’t available on his site anymore. I’ve got a copy and sent him a request to let me make it available. Give it a day or two and we’ll see what he says. — Mark

]]>
By: Jay http://www.endusersharepoint.com/2010/03/24/moss2007-css-and-you-the-non-developer-%e2%80%93-part-4-the-bodyarea/comment-page-1/#comment-49396 Jay Fri, 26 Mar 2010 03:49:28 +0000 http://www.endusersharepoint.com/?p=6806#comment-49396 Jim, probably the easiest way for you to make a change to your web part page is by using a Content Editor Webpart (CEWP) to override the default css that SharePoint applies. This is a nice solution because it only apples the changes you want to make on the page that the CEWP is added to. What you'll need to do is this: 1. Add a Content Editor Webpart to your webpart page. 2. Click the Edit dropdown on your CEWP and then select "Modify Shared Web Part" 3. Open the "Source Editor" and add something along the lines of the following: .ms-vb2 { font-size: 24; } Click OK and see if your font size has changed. I would suggest loading the script that Todd Bleeker wrote that will show you the css class of the part of the page you are trying to change it will be a great help. There is a link to that script in the Intro article of this series as well as my blog. Just to verify that the above works I have a virtual machine that I created a custom list on with just title and body columns and added the css above and it changed the font size of the contents of the body column of my custom list. Note that the title column uses a different css class (.ms-vb on my VM). I'm glad you're finding the series useful. I know how frustrating trying to find an answer specific to your needs can be and hope I am helping some folks with that. In the last article in this particular series we'll talk about how we can apply css changes to our sites and/or pages. The solution I've outlined here will definitely be a part of that. Let me know if there is somthing that isn't clear or that doesn't work. Jay Jim, probably the easiest way for you to make a change to your web part page is by using a Content Editor Webpart (CEWP) to override the default css that SharePoint applies. This is a nice solution because it only apples the changes you want to make on the page that the CEWP is added to.

What you’ll need to do is this:

1. Add a Content Editor Webpart to your webpart page.
2. Click the Edit dropdown on your CEWP and then select “Modify Shared Web Part”
3. Open the “Source Editor” and add something along the lines of the following:

.ms-vb2
{
font-size: 24;
}

Click OK and see if your font size has changed. I would suggest loading the script that Todd Bleeker wrote that will show you the css class of the part of the page you are trying to change it will be a great help. There is a link to that script in the Intro article of this series as well as my blog.

Just to verify that the above works I have a virtual machine that I created a custom list on with just title and body columns and added the css above and it changed the font size of the contents of the body column of my custom list. Note that the title column uses a different css class (.ms-vb on my VM).

I’m glad you’re finding the series useful. I know how frustrating trying to find an answer specific to your needs can be and hope I am helping some folks with that.

In the last article in this particular series we’ll talk about how we can apply css changes to our sites and/or pages. The solution I’ve outlined here will definitely be a part of that.

Let me know if there is somthing that isn’t clear or that doesn’t work.

Jay

]]>
By: Jim http://www.endusersharepoint.com/2010/03/24/moss2007-css-and-you-the-non-developer-%e2%80%93-part-4-the-bodyarea/comment-page-1/#comment-49201 Jim Thu, 25 Mar 2010 20:51:22 +0000 http://www.endusersharepoint.com/?p=6806#comment-49201 Great series, Jay. I'm brand new to the MOSS2007, and have been trying to immerse myself (mostly via Google searches) in as much info as I can. This was great info... unfortunately, I'm guessing I don't have access to the .css files, so I haven't been able to practice what you're teaching. I'm just a content manager for my department, responsible for posting documents and anouncements, etc. Maybe I have access to "my own" .css files, and I just don't know it? Perhaps you can point me in the right direction for my question (below). Google has not been able to answer it yet, and my IT guys that run the server are not helpful at all... "they just keep the server running - they don't know how to post documents"... whatever. What I want to do seems so simple. I have a list, which I post multiple things to every day (just "body" and "title"). Each day, I have to quickly breif the boss on what was posted yesterday (along with all the other department reps). I've designed a "view" to show only what was posted the previous day (big accomplishment for my newbie status!), and I created a web-part page to display this view. My problem is that the default fonts for this page are too small... we (each department rep) display our topics on a big screen TV in the conference room. I'd like to display my new page, but it's too small to read. All I want to do is make a custom font for this page so that the "title" is bold and big, and that the "body" is also big. Do you know of any guides that can point me to what I want to do? Keep up the great products - I've learned a lot these past few days from reading your stuff. Great series, Jay. I’m brand new to the MOSS2007, and have been trying to immerse myself (mostly via Google searches) in as much info as I can. This was great info… unfortunately, I’m guessing I don’t have access to the .css files, so I haven’t been able to practice what you’re teaching. I’m just a content manager for my department, responsible for posting documents and anouncements, etc. Maybe I have access to “my own” .css files, and I just don’t know it?

Perhaps you can point me in the right direction for my question (below). Google has not been able to answer it yet, and my IT guys that run the server are not helpful at all… “they just keep the server running – they don’t know how to post documents”… whatever.

What I want to do seems so simple. I have a list, which I post multiple things to every day (just “body” and “title”). Each day, I have to quickly breif the boss on what was posted yesterday (along with all the other department reps). I’ve designed a “view” to show only what was posted the previous day (big accomplishment for my newbie status!), and I created a web-part page to display this view. My problem is that the default fonts for this page are too small… we (each department rep) display our topics on a big screen TV in the conference room. I’d like to display my new page, but it’s too small to read. All I want to do is make a custom font for this page so that the “title” is bold and big, and that the “body” is also big.

Do you know of any guides that can point me to what I want to do?
Keep up the great products – I’ve learned a lot these past few days from reading your stuff.

]]>
By: Jay http://www.endusersharepoint.com/2010/03/24/moss2007-css-and-you-the-non-developer-%e2%80%93-part-4-the-bodyarea/comment-page-1/#comment-49168 Jay Thu, 25 Mar 2010 15:01:12 +0000 http://www.endusersharepoint.com/?p=6806#comment-49168 Kamlesh, I might at some point but unfortunately I am one of the many out there that supports an organization that will not be making a move to the 2010 platform any time in the near future so I tend to focus on the 2007 stuff. That being said I have downloaded the VHD from Microsoft and have been playing with it a little. However, that is mostly to support a specific article I am writing on implementing consistent navigation across multiple site collections using an XML file as the sitemap datasource. That will probably be out in a week or two and I hope to present it at a SharePoint Saturday event at some point intime. Jay Kamlesh, I might at some point but unfortunately I am one of the many out there that supports an organization that will not be making a move to the 2010 platform any time in the near future so I tend to focus on the 2007 stuff.

That being said I have downloaded the VHD from Microsoft and have been playing with it a little. However, that is mostly to support a specific article I am writing on implementing consistent navigation across multiple site collections using an XML file as the sitemap datasource.

That will probably be out in a week or two and I hope to present it at a SharePoint Saturday event at some point intime.

Jay

]]>