Snippets para elementos predeterminados de SharePoint 2013 - Parte 1

Como ya se conoce, uno de los puntos altos en la versión SharePoint 2013 es la creación de páginas maestras basadas en código HTML, sin embargo, un duda muy generalizada era la inclusión de componentes propios de SharePoint en zonas específicas de la página. Componentes como Quick Launch, Vínculos de navegación Global y Webparts en el area de trabajo.

El término Snippet en el contexto de SharePoint hace referencia a secciones en donde se puede incluir código para la ejecución de métodos específicos, para los cuales existen dos tipos:

• Snippet para Páginas Layouts

• Snippet para Master Pages

Antes de hablar más a fondo de los Snippets debemos conocer un poco de la funcionalidad del Design Manager, así que con este video pueden conocer a groso modo su uso.

Evolución visual y funcional de SharePoint desde su lanzamiento

La tendencia de diseño en la última versión de SharePoint se ha visto cubierta por el enfoque "minimalista".
La siguiente recopilación muestra los avances en en temas visuales y funcionales de la plataforma desde que fue creada.

2001

Funciones básicas: Creado bajo la administración de documentos, búsqueda y lo que se llamaba en ese entonces un Dashboard Site para visualizar webparts. 

Diseño visual: El diseño se caracteriza por tener un encabezado estándar donde el usuario podía personalizar el logotipo o el título de la página

2002

Funciones básicas: Capacidad de crear listas y páginas HTML. 

Diseño visual: El diseño tiene un ligero cambio en el encabezado y también tiene añadido en los iconos de nivel de página. También es la primera vez que se muestra la parte izquierda de navegación "Inicio rápido"

2003

Funciones Adicionales:  En el año 2003 el equipo de Microsoft añadió la posibilidad de crear "Topic Sites". Estos sitios eran un poco más complejos que las páginas WebPart y fueron el primer paso hacia los sitios que ahora conocemos como de Publicación. La búsqueda también se ha actualizado en esta versión.

Diseño visual: El diseño tiene una importante reforma y que incluía muchos de los nuevos elementos de diseño y mucho más CSS. Casi todas las página tienen un icono basado en el tipo de sitio que correspondía, sin embargo, el control de búsqueda fue una de los puntos más difíciles de personalizar correctamente. También se encontró la manera de girar el texto verticalmente en la parte izquierda navegación.

2007

Funciones Adicionales: En el año 2007 se hizo un cambio importante con la capacidad de tener editoriales, páginas maestras y diseños de página. 

Diseño visual: El diseño incluía un fondo sombreado que enmarca en el área de contenido. Esto permitió a los propietarios de sitios para elegir los temas que cambiaron drásticamente la apariencia de los sitios. Con la inclusión de las páginas principales (MasterPages), diseñadores ya no se necesitan para modificar los archivos CSS fundamentales en el servidor para personalizar la apariencia de sus sitios.

2010

Funciones Adicionales:  No hubo muchas funcionalidades adicionales entre 2007 y 2010, pero se podrían mencionar la introducción de la cinta de opciones de SharePoint y un perfil mejorado y las características sociales, así como el suministro de noticias. 

Diseño visual: Al igual que con la versión anterior del diseño para SharePoint 2010 tiene una revisión completa de su página principal. 

El diseño se ha simplificado y con poco esfuerzo se optimizó el rendimiento del sitio mediante la inclusión de imágenes de sprite y menos imágenes de fondo pesado.

2013

Funciones Adicionales:  Las nuevas características para 2013 se centraron en las relaciones sociales , la movilidad de contenido, la gestión de proyectos , comunidades , búsqueda y aplicaciones. 

Diseño visual: El nuevo diseño inspirado  en el estilo metro es muy simplista, ya que utiliza el peso de la fuente y el color para guiar a los usuarios en la página . 

Todos los colores son planos y la iconografía es muy simplista y monótona. La introducción del "Design Manager" le permitirá a los diseñadores que no tienen páginas maestras o experiencia de diseño de páginas nativas de SharePoint personalizar el aspecto de los sitios sólo por el uso de HTML y CSS estándar.

Habilitar a usuarios anonimos el uso de formularios de Infopath

Como es sabido, al habilitar la autenticación anónima en un sitio de SharePoint se deshabilitan múltiples funcionalidades básicas para el manejo de elementos y documentos. 

Una de esas funcionalidades básicas es la acción de submit en formularios de infopath, debido a un motivo de seguridad, no es posible subir elementos en las bibliotecas. 

Lo primero que se debe hacer es habilitar el acceso a los usuarios anónimos a la biblioteca.

Notarán que al momento de romper la herencia en la biblioteca de formulario y establecer el acceso anónimo no aparecen habilitadas las opciones de Add Items, Edit Items y Delete. Items.

1. 

2. 

3. 

4. En la misma ventana emergente de clic derecho y seleccione propiedades. Ahí copie el Address (URL)

5. Copie y pegue el URL en una nueva ventana y cambie lo que dice DOCLIB por LIST como se ve en la imagen.

6. Ahora verá como se muestran habilitadas las opciones deseadas, ya con esto se podrá hacer submit en esa biblioteca.

Referencia: http://sshela.wordpress.com

Branding SharePoint en dispositivos móviles

Muchos usuarios han podido experimentar una situación no tan agradable al momento de customizar su Master Page, ya que al querer accesarla por dispositivos móviles se dan cuenta que se visualiza mas o menos como la siguiente imagen:

Sobre la solución les comento que no existe un master page dedicado a móviles, siempre se va a tomar en cuenta el MP que tiene por default el sitio. Lo que se debe hacer concretamente es deshabilitar la funcionalidad que por default le permite a SharePoint identificar de donde se está haciendo el request del sitio, y si este detecta que se intenta abrir la página desde un dispositivo móvil automáticamente te redirecciona a la página /_layouts/mobile/mbllists.aspx 

Para evitar eso se debe hacer lo siguiente:

•  Entrar a la ruta del servidor donde se está instado SP C:\inetpub\wwwroot\wss\VirtualDirectories\publico80\App_Browsers
• Hacer un respaldo del archivo compat.browser y abrir el archivo original.

• Buscar dentro del archivo compat el siguiente código y cambiar el valor de IsmobileDevice de true a false <capability name="isMobileDevice" value="false" />

<!-- iPhone Safari Browser -->

<!-- sample UA "Mozilla/5.0 (iPhone; U; CPU iPhone OS 2_0 like Mac OS X; ja-jp) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3.1.1 Mobile/5A345 Safari/525.20" -->

<browser id="iPhoneSafari" parentID="AppleSafari">

<identification>

<userAgent match="iPhone" />

<userAgent match="Mobile" />

</identification>

<capabilities>

<capability name="isMobileDevice" value="true" /> 

<capability name="canInitiateVoiceCall" value="true" />

<capability name="optimumPageWeight" value="1500" />

<capability name="requiresViewportMetaTag" value="true" />

<capability name="supportsTouchScreen" value="true" />

<capability name="telephoneNumberDetectionDisabled" value="true" />

</capabilities>

</browser>

• Finalmente podemos hacer una prueba con el explorador de Safari. En la parte de developer abrir la página como Safari iOS 4.3.3 - Iphone

Ya con esto nos aseguramos de que, a pensar de abrir la página desde móvil (por la funcionalidad de emular el escenario en safari) se visualiza igual que abriéndolo desde una PC.