Marquesinas de elementos de listas en SharePoint 2010

En este post les mostraré como habilitar una funcionalidad bastante interesante generalmente empleada para mostrar promociones o anuncios que quieran ser resaltadas a la vista de los usuarios. Esta característica es la marquesina. Para que esta marquesina pueda mostrar elementos de una lista de manera dinámica no es tan sencillo como incluir una etiqueta html para marquesina.

Tomé como base el siguiente artículo: http://themossblog.com/articles/how-to-build-a-scrolling-marquee-of-blog-postings-from-a-sub-site/

El resultado final debería ser el siguiente:

Para lograr esto, primero debemos desde SharePoint Designer, en una página web definir una división (DIV) donde insertaremos nuestro WebPart, aquí podremos definir el color de fondo además de la altura de esta sección.

<div id=”MiMarquee”  style=”background-color:·D9FDFF;height:18px”>

 Deberemos insertar nuestro DataFormWebPart de nuestra lista en mi caso una lista de anuncios, y debemos especificar el parámetro FrameType=”None” para poder mostrar el color de fondo del DIV.

En la plantilla dvt_1.body se debe especificar lo siguiente:

 <marquee onmouseover=”this.stop();” onmouseout=”this.start();” truespeed=”” scrollamount=”1″ scrollDelay=”30″ direction=”left” valing=”middle”>

 En la plantilla dvt_1.rowview digitar lo siguiente: <a href=”{concat(‘http://intranetdemo/Lists/Anuncios/DispForm.aspx?ID=’,@ID)}”><xsl:value-of select=” @Title”/></a> |

Y listo, hemos creado nuestra marquesina que mostrará nuestros anuncios de manera dinámica.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *