HTML con campos calculados en SharePoint 2010 (Traffic Lights)

Supongamos que queremos incluir HTML dentro de un campo de una lista en SharePoint 2010 y hacer que el mismo se muestre correctamente de esta forma:

El ejemplo es el de luces de semáforos. Para implementarlo seguimos tres simples pasos.

Paso 1

Agregamos un prefijo a nuestro campo de estado:

Paso 2

Creamos el campo calculado:

Fórmula:

="<DIV style='font-weight:bold; font-size:24px; color:"&CHOOSE(RIGHT(LEFT(Estado;2);1);"red";"orange";"green")&";'>•</DIV>"

Veremos que la vista nos muestra lo siguiente:

Paso 3

Modificamos la vista con SharePoint Designer:

Luego editamos la etiqueta:

Agregamos: disable-output-escaping="yes"

<xsl:value-of select="$thisNode/@*[name()=current()/@Name]" disable-output-escaping="yes">

Y listo!

Espero les haya servido.

Fuente: http://blog.splibrarian.com/2012/06/06/using-calculated-columns-to-add-color-coding-to-your-sharepoint-lists/

Hasta la próxima!