Chapter 10 - Creating custom item style (pp. 414-420)

ferretwoman · #1 (**permalink**) February 17th, 2009, 05:10 PM

Has anyone been successful in getting the body of the announcement to show up under latest news instead of just the title? I don't know what I'm missing.

I exported the webpart. I edited the

Code:

 <property name="CommonViewFields" type="string">Body, Note</property>

in the webpart file and uploaded it back up. I know it's the uploaded one I am using because it shows my settings before I edited the code (ie expires is set properly).

I found the ItemStyle.xsl file and made it look like the gray section of the book (though it was confusing due to the last paragraph on page 416 not agreeing exactly with what is shown in the gray section page 417). When I save that and check it back in, the NewsItemWithBody is now showing up as an option for Item Style and I choose it. But once I apply and save, the link still shows only the title.

There are no examples in the code files that come with the book to compare with so I'm stuck on why this is not working as expected. I'd like to understand what I've done wrong here before moving onto the Data View section of the book!

Thanks,

Linda

coskunc · #2 (**permalink**) April 3rd, 2009, 01:39 AM

Exporting the webpart and adding the code(shown below) is the first step in showing the body. But there a couple other steps you must follow before you see the content.

Code:

 <property name="CommonViewFields" type="string">Body, Note</property>

Your next step is to open the ItemStyle.xml file and add the code that starts in p417 and ends in p418 to the bottom of ItemStyle.xml.Once you save that you should be good to go.

I'm attaching an example xsl file you can look at for your reference.

--------------
More information
--------------
The below code is displays body after it cleans the markup around it.

Code:

 <xsl:template name="NewsItemWithBody" match="*" mode="itemstyle">
        <xsl:variable name="SafeLinkUrl">
            <xsl:call-template name="OuterTemplate.GetSafeLink">
                <xsl:with-param name="UrlColumnName" select="'LinkUrl'"/>
            </xsl:call-template>
        </xsl:variable>
        <xsl:variable name="SafeImageUrl">
            <xsl:call-template name="OuterTemplate.GetSafeStaticUrl">
                <xsl:with-param name="UrlColumnName" select="'ImageUrl'"/>
            </xsl:call-template>
        </xsl:variable>
        <xsl:variable name="DisplayTitle">
            <xsl:call-template name="OuterTemplate.GetTitle">
                <xsl:with-param name="Title" select="@Title"/>
                <xsl:with-param name="UrlColumnName" select="'LinkUrl'"/>
            </xsl:call-template>
        </xsl:variable>
        <xsl:variable name="LinkTarget">
            <xsl:if test="@OpenInNewWindow = 'True'" >_blank</xsl:if>
        </xsl:variable>
        <div id="linkitem" class="item">
            <xsl:if test="string-length($SafeImageUrl) != 0">
                <div class="image-area-left"> 
                    <a href="{$SafeLinkUrl}" target="{$LinkTarget}">
                        <img class="image" src="{$SafeImageUrl}" alt="{@ImageUrlAltText}" />
                    </a>
                </div>
            </xsl:if>
            <div class="link-item">
             <xsl:call-template name="OuterTemplate.CallPresenceStatusIconTemplate"/>    
                <a href="{$SafeLinkUrl}" target="{$LinkTarget}" title="{@LinkToolTip}">
                    <xsl:value-of select="$DisplayTitle"/>
                </a>
                 <xsl:variable name="bodyContent">                     
                 <xsl:call-template name="removeMarkup">                           
                 <xsl:with-param name="string" select="@Body"/>                     
                 </xsl:call-template>              
                 </xsl:variable>                
                 <div class="description">             
                  <xsl:value-of select="$bodyContent"/>             
                   </div>          
                     </div>
        </div>
    </xsl:template>

And based on page 417 you need to add the remove markup code (shown below) that is referenced from
http://blogs.msdn.com/ecm/archive/20...-web-part.aspx

Code:

    <xsl:template name="removeMarkup">                       
     <xsl:param name="string" />                       
  <xsl:choose>                       
   <xsl:when test="contains($string, '&lt;')">                              
       <xsl:variable name="nextString">                                     
        <xsl:call-template name="removeMarkup">                                     
         <xsl:with-param name="string" select="substring-after($string, '&gt;')" />                                     
        </xsl:call-template>                              
       </xsl:variable>                              
       <xsl:value-of select="concat(substring-before($string, '&lt;'), $nextString)" />                       
      </xsl:when>                       
      <xsl:otherwise>                              
       <xsl:value-of select="$string" />                       
      </xsl:otherwise>                     
     </xsl:choose>          
 </xsl:template>

Need to download code?

Navigation