Announcement list web part

Question

I would like to create an announcement list webpart that shows the information vertically, without column names, like in this image I found googling:

Information is being shown in a column style, date, title and body, and no titles, instead of the regular table layout that comes out of the box (shown in the links webpart under News).

Is it possible to do this without development or Designer? I am working in an "out of the box" environment.

Thank you.

Answer 1

This can be done using content by query web part and XSL. See this for more info: http://sharepointnadeem.blogspot.com/2011/09/cqwp-xsl-customizations.html

CQWP style sheets are present inside a folder "XSL Style Sheets" in Style Library at the root site collection. ItemStyle.xsl file contains the style templates which can applied to the items returned by CQWP. The best practice to create custom styles is to make the copy of ItemStyle.xsl and make changes in it and then upload the new customized xsl file to the style library.

The following sample code shows the Title in bold font and first 200 characters of the Body field followed by ...Read More link.

<xsl:template name="CustomStyle" match="Row[@Style='CustomStyle']" mode="itemstyle">
  <xsl:variable name="SafeLinkUrl">
         <xsl:call-template name="OuterTemplate.GetSafeLink">
               <xsl:with-param name="UrlColumnName" select="'LinkUrl'"/>
               <xsl:with-param name="UseFileName" select="1"/>
         </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>
  <p>
         <strong>
               <xsl:value-of select="$DisplayTitle"/>
         </strong><br />
         <xsl:value-of select="substring(@Body,0,200)" disable-output-escaping="yes"/>
         <a href="{$SafeLinkUrl}">...Read more</a>
  </p>
</xsl:template>

Answer 2

Can't you just edit the web part and change the Selected View option from Current View to Summary View?