<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Dave Cavins &#187; hints</title>
	<atom:link href="http://davecavins.com/tag/hints/feed/" rel="self" type="application/rss+xml" />
	<link>http://davecavins.com</link>
	<description>web design, SharePoint customization &#38; random stuff</description>
	<lastBuildDate>Tue, 31 Aug 2010 18:01:31 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Improving #SharePoint Forms &#8211; Hints</title>
		<link>http://davecavins.com/2010/02/improving-sharepoint-forms-hints/</link>
		<comments>http://davecavins.com/2010/02/improving-sharepoint-forms-hints/#comments</comments>
		<pubDate>Mon, 22 Feb 2010 17:22:39 +0000</pubDate>
		<dc:creator>davecavins</dc:creator>
				<category><![CDATA[SharePoint Design]]></category>
		<category><![CDATA[better forms]]></category>
		<category><![CDATA[hints]]></category>
		<category><![CDATA[SharePoint]]></category>

		<guid isPermaLink="false">http://davecavins.com/?p=442</guid>
		<description><![CDATA[When users are asked to enter information in a form sometimes it helps to give them a hint regarding what types of information should be entered.  Out of the box you can enter a description of each field that will be displayed.  If you want something more dynamic here is how to do it.  Add [...]


Related posts:<ol><li><a href='http://davecavins.com/2010/02/character-count-on-sharepoint-fields/' rel='bookmark' title='Permanent Link: Improving #SharePoint Forms &#8211; Character Count'>Improving #SharePoint Forms &#8211; Character Count</a></li>
<li><a href='http://davecavins.com/2010/01/hiding-the-status-icon/' rel='bookmark' title='Permanent Link: Hiding the user presence icon'>Hiding the user presence icon</a></li>
<li><a href='http://davecavins.com/2010/05/improving-sharepoint-forms-%e2%80%93-watermarks/' rel='bookmark' title='Permanent Link: Improving #SharePoint Forms – Watermarks'>Improving #SharePoint Forms – Watermarks</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>When users are asked to enter information in a form sometimes it helps to give them a hint regarding what types of information should be entered.  Out of the box you can enter a description of each field that will be displayed.  If you want something more dynamic here is how to do it. </p>
<ul>
<li>Add jQuery to the page using the method described <a href="http://davecavins.com/2010/02/character-count-on-sharepoint-fields/">in this post</a></li>
<li>Download the <a href="http://nicolae.namolovan.googlepages.com/jquery.inputHintBox.html" target="_blank">jQuery Hint Box plugin</a> and link it to the page. </li>
<li>Call the script and set the options for the position and html content of the hint. Here is an example:</li>
</ul>
<pre class="brush: jscript;">
&lt;script type=&quot;text/javascript&quot;&gt;
$(&quot;input[title='Author']&quot;).inputHintBox({
	className:'simple_box',
	html:'Who is the author of this quote?',
	incrementLeft:-25,
	incrementTop:-15
	});
&lt;/script&gt;
</pre>
<p>The above script simply selects  the field using its  title attribute then sets the css class for the element, its contents and position.</p>
<p>Here is the CSS I used for my example.</p>
<pre class="brush: css;">
.simple_box{
	border:1px solid gray; background:url('/_layouts/images/toolgrad.gif');
	font-size:xx-small; color:#444; padding:7px;
}
</pre>
<p>Here it is in action.</p>
<div id="attachment_443" class="wp-caption aligncenter" style="width: 508px"><a href="http://davecavins.com/wp-content/uploads/2010/02/hint2.jpg"><img class="size-full wp-image-443" title="hint2" src="http://davecavins.com/wp-content/uploads/2010/02/hint2.jpg" alt="" width="498" height="179" /></a><p class="wp-caption-text">hints</p></div>


<p>Related posts:<ol><li><a href='http://davecavins.com/2010/02/character-count-on-sharepoint-fields/' rel='bookmark' title='Permanent Link: Improving #SharePoint Forms &#8211; Character Count'>Improving #SharePoint Forms &#8211; Character Count</a></li>
<li><a href='http://davecavins.com/2010/01/hiding-the-status-icon/' rel='bookmark' title='Permanent Link: Hiding the user presence icon'>Hiding the user presence icon</a></li>
<li><a href='http://davecavins.com/2010/05/improving-sharepoint-forms-%e2%80%93-watermarks/' rel='bookmark' title='Permanent Link: Improving #SharePoint Forms – Watermarks'>Improving #SharePoint Forms – Watermarks</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://davecavins.com/2010/02/improving-sharepoint-forms-hints/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
