<?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; icon</title>
	<atom:link href="http://davecavins.com/tag/icon/feed/" rel="self" type="application/rss+xml" />
	<link>http://davecavins.com</link>
	<description>web design, SharePoint customization &#38; random stuff</description>
	<lastBuildDate>Mon, 14 Jun 2010 18:48:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Hiding the user presence icon</title>
		<link>http://davecavins.com/2010/01/hiding-the-status-icon/</link>
		<comments>http://davecavins.com/2010/01/hiding-the-status-icon/#comments</comments>
		<pubDate>Wed, 06 Jan 2010 21:40:48 +0000</pubDate>
		<dc:creator>davecavins</dc:creator>
				<category><![CDATA[General SharePoint]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[icon]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[SharePoint]]></category>
		<category><![CDATA[user]]></category>

		<guid isPermaLink="false">http://davecavins.com/?p=389</guid>
		<description><![CDATA[When you are using a data view web part to display information including a person field SharePoint always shows the status icon beside thier name. In some cases this is exactly what you want and can be very useful. But sometimes you just want to show a name and nothing else. With most fields you [...]


Related posts:<ol><li><a href='http://davecavins.com/2009/10/styling-sharepoint-blog-comments/' rel='bookmark' title='Permanent Link: Styling SharePoint Blog Comments'>Styling SharePoint Blog Comments</a></li>
<li><a href='http://davecavins.com/2009/10/sharepoint-blog-comments-p2/' rel='bookmark' title='Permanent Link: Styling SharePoint Blog Comments: Part 2'>Styling SharePoint Blog Comments: Part 2</a></li>
<li><a href='http://davecavins.com/2010/04/switch-list-displays-with-jquery-and-css/' rel='bookmark' title='Permanent Link: Switch List Displays with JQuery and CSS'>Switch List Displays with JQuery and CSS</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>When you are using a data view web part to display information including a person field SharePoint always shows the status icon beside thier name.</p>
<div id="attachment_391" class="wp-caption aligncenter" style="width: 241px"><img class="size-full wp-image-391" title="status icon" src="http://davecavins.com/wp-content/uploads/2010/01/status-icon1.jpg" alt="status icon" width="231" height="28" /><p class="wp-caption-text">status icon</p></div>
<p>In some cases this is exactly what you want and can be very useful. But sometimes you just want to show a name and nothing else. With most fields you can just change the formatting options to change the display. If you choose to format the value as text SharePoint spits out this long html string.</p>
<pre class="brush: xml;">&lt;nobr&gt;&lt;span&gt;&lt;A HREF=&quot;/sites/site/_layouts/userdisp.aspx?ID=2&quot;&gt;Cavins, David R&lt;/A&gt;&lt;img border=&quot;0&quot; height=&quot;1&quot; width=&quot;3&quot; src=&quot;/_layouts/images/blank.gif&quot;/&gt;&lt;a href='javascript:' onclick='IMNImageOnClick();return false;' class='ms-imnlink'&gt;&lt;img name='imnmark' title='' border='0' height='12' width='12' src='/_layouts/images/blank.gif' alt='No presence information' sip='email@email.com' id='imn_8,type=sip'/&gt;&lt;/a&gt;&lt;/span&gt;&lt;/nobr&gt;
</pre>
<p><div id="attachment_399" class="wp-caption aligncenter" style="width: 234px"><a href="http://davecavins.com/wp-content/uploads/2010/01/format1.jpg"><img src="http://davecavins.com/wp-content/uploads/2010/01/format1.jpg" alt="" title="format" width="224" height="175" class="size-full wp-image-399" /></a><p class="wp-caption-text">Format as</p></div><br />
Each of the other formatting options also provides un-desirable results.<br />
Using some basic CSS we can get rid of the status icon and format the text so it does not look like a hyperlink.  First wrap the field value in an element with a class. I used a span with a class of “person”</p>
<pre class="brush: xml;">
&lt;span class=”person”&gt;
&lt;xsl:value-of select=&quot;@Author&quot; /&gt;
&lt;/span&gt;
</pre>
<p>Then just add this css to the page.</p>
<pre class="brush: css;">
.person nobr span a {
text-decoration:none;
color:black;
cursor:default;
}
</pre>
<p>If you want to take it a step further you can use jQuery to remove the ‘href’ attribute.  Using jQuery we can target the container with the link in it and then change the href value. </p>
<pre class="brush: jscript;">
$('span.person a').removeAttr('href');
</pre>


<p>Related posts:<ol><li><a href='http://davecavins.com/2009/10/styling-sharepoint-blog-comments/' rel='bookmark' title='Permanent Link: Styling SharePoint Blog Comments'>Styling SharePoint Blog Comments</a></li>
<li><a href='http://davecavins.com/2009/10/sharepoint-blog-comments-p2/' rel='bookmark' title='Permanent Link: Styling SharePoint Blog Comments: Part 2'>Styling SharePoint Blog Comments: Part 2</a></li>
<li><a href='http://davecavins.com/2010/04/switch-list-displays-with-jquery-and-css/' rel='bookmark' title='Permanent Link: Switch List Displays with JQuery and CSS'>Switch List Displays with JQuery and CSS</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://davecavins.com/2010/01/hiding-the-status-icon/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
