miércoles, 7 de mayo de 2014

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.


Hasta la próxima!

0 comentarios:

Publicar un comentario en la entrada