Tuesday, June 30, 2009

What Students Are Saying About SharePoint Solutions’ Online Classes

Last week I taught our first live online class:  InfoPath and SharePoint Workflows. We had a fantastic group of students and I really enjoyed working with them.
We’re offering this same class online again the week of July 27th and August 24th. Our online classes are taught by an expert SharePoint instructor with lots of knowledge and experience from the field. You’ll be able to interact with other students and do labs on your own just as if you were sitting in one of our classrooms. These classes will fill up quickly, so register for an online SharePoint class today!
So, what did some of the students in this class have to say about it? Read their comments for yourself:
“This is definitely one of the best classes I've taken. It was actually my second class online and the format/presentation/labs/etc all worked really well. I'm leaving this class with tons of ideas to implement and can't wait to dig in and get started. The labs were great and the documentation was flawless. I will definitely keep SharePoint Solutions in mind for future classes.”
“[The instructors] added extra value to the class with their input and the extra demos.”
“I've attended in person SharePoint Solutions courses and the format online worked just as well for me.”
“A plus for the online courses is being able to watch the instructor help other students work through problems.”
“Well Done! Very informative in regular terms not techie terms.”
“The online format was great for me.”
“Great job.  You kept the class flowing great.”
“It was an excellent class.”
“[The instructor] presented complex material very well. He made sure everyone was following along and answered questions thoroughly.”
“Great Class.”
“[The instructor] was very patient and helpful even beyond the scope of the class.”

Tuesday, June 02, 2009

How to get column names to wrap in #SharePoint new item forms (NewForm.aspx)

I was asked the other day if there might be a slick CSS method for getting long column names to wrap in a SharePoint list’s new item form (NewForm.aspx). The long column names were causing a horizontal scroll at times and just plain didn’t look right.

The first thing I did was to examine the code that NewForm.aspx was presenting to the browser. I found the culprit was a <nobr> tag wrapped around the column name.
<nobr> stands for ‘no break’ and overrides the normal HTML line-wrapping. A little research yielded  the following CSS override. Basically redefining the nobr tag to allow the column name to wrap.
nobr {white-space: normal}
Armed with that info, you have a few options. You could add this to your custom style sheet or master page. This would override all instances of the nobr tag so you will have to be sure that is really what you want to do.
Another option would be to deploy the CSS on just the NewForm.aspx page for your list using SharePoint Designer. If you want to be able to make future tweaks (or remove the CSS all together) from the browser, add a web part zone to the form page and deploy the CSS in a content editor web part. This is the method I will describe here.
The high-level overview:
  1. Add a web part zone to your new item page
  2. Add a content editor web part (CEWP) to the zone
  3. Add the following code to the Source Editor of the CEWP

    <style type= "text/css">
    nobr {white-space: normal}
The details:
Browse to your list and click ‘New’ (Item)
On the File menu, select ‘Edit with Microsoft Office SharePoint Designer’
This will launch SharePoint Designer (SPD). In SPD, add a web part zone to the page. (‘New Web Part Zone’ is on the Web Part task pane)
Click the ‘Click to insert a Web Part’ hyperlink and add the Content Editor Web Part
Save the page (which will customize it from the site def)
Back in your browser, refresh the new item page
Click ‘Site Actions’, ‘Edit Page’
On the CEWP, click the ‘edit’ drop down and select ‘Modify Shared Web Part’
Click the ‘Source Editor’ button and type in the following:
<style type="text/css">
nobr {white-space: normal}
Click ‘Save’, and ‘OK’ and you should see the long column names wrap immediately
The default width for the Title column is 190px. If you want it a bit wider you could modify the CEWP source code to specify a width, like this:
Which will make that first column 225px instead.
When you have it looking right, edit the page again and edit the CEWP web part again.
Expand the ‘Appearance’ section and give it a meaningful title, like “CEWP-CSS Constrain width on new item form” and set the Chrome Type to ‘None’
You can export the web part to use elsewhere in your site if needed.