JUAN PABLO PUSSACQ LABORDE : jQuery, CEWP

Workflow en Project Server 2010 ¿Valores predeterminados en campos de empresa en una PDP?

Juan Pablo — Mon, 28 Jan 2013 20:52:45 GMT

Cuando trabajamos con PDPs en Project Server 2010, no es sencillo establecer un valor predeterminado para un campo de empresa de tipo obligatorio. Si bien la configuración de campos de empresa permite establecer valores predeterminados, estos funcionan en forma correcta en Project Pro, pero no en la forma esperada dentro de PWA.

Es por ello que en este breve artículo vamos a explicar como manejar los valores predeterminados utilizando un poco de JavaScript. El enfoque de trabajo es el siguiente:

Utilizar JavaScript para configurar el valor predeterminado de los campos, sólo si se trata de la PDP usada en una creación de proyecto.
Utilizar JavaScript para ocultar dichos campos.

Separaremos el código en dos archivos:

Un archivo con el contenido de la CEWP que se insertará en la PDP, debajo de los campos de empresa. .
Un archivo de constantes con los guids y demás valores de cada campo.

El código del archivo de contantes

/* Valor predeterminado para el campo Stage en la PDP Request */

STAGE_ID = "ctl00_m_g_80e4b936_45c6_442d_b8de_a93ac30efea1_ctl00_pfp_Repeater_ctl06_idCF_976b5670-7e3b-407d-ad53-1d0343fc3f0c";
STAGE_GUID = "966707bd-8f55-4f0e-97d1-8c94256c55a3";
STAGE_TEXTO = "Planned";

/* Valor predeterminado para el campo Program en la PDP Request */

PROGRAM_ID = "ctl00_m_g_80e4b936_45c6_442d_b8de_a93ac30efea1_ctl00_pfp_Repeater_ctl08_idCF_38852eb9-5126-4fb2-b1ef-45e6edfeb116";
PROGRAM_GUID = "d74da6ee-48ce-491a-ad6e-416da8c99ab2";
PROGRAM_TEXTO = "Yes";

El código de la CEWP

<script src="/PWA/Internal/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="/PWA/Internal/constantes_workflow.js" type="text/javascript"></script>

<script type="text/javascript">

 $(document).ready(function() { 

     predeterminar_campo (STAGE_ID, STAGE_GUID, STAGE_TEXTO);
     predeterminar_campo (PROGRAM_ID, PROGRAM_GUID, PROGRAM_TEXTO);

   });


function predeterminar_campo ( id_campo, guid_valor, texto_valor ) {

     if ( workflow_url_param ( "NewProject" ) == "yes" ) {
    
         // Valor del campo
         $('#'+id_campo).attr("value",texto_valor);

         // ID del valor del campo
        $('#'+id_campo).attr("LTValue",guid_valor);
     
         }

     // Oculto la fila de la tabla que contiene el campo
    $('#'+id_campo).parent().parent().parent().parent().parent().parent().css("display","none");

}

function workflow_url_param ( name ){  
 name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]"); 
 var regexS = "[\\?&]"+name+"=([^&#]*)"; 
 var regex = new RegExp( regexS ); 
 var results = regex.exec( window.location.href ); 
 if( results == null ) 
   return "";
  else 
   return results[1];
}

</script>

Conclusión

Esta ha sido una forma de resolver el inconveniente de los valores predeterminados en las PDPs de flujos de trabajo en Project Server 2010, utilizando código de cliente JavaScript. Espero les haya resultado útil.

Galería de imágenes en SharePoint 2007 con jQuery

Juan Pablo — Sun, 18 Nov 2012 19:53:34 GMT

La necesidad de crear una galería de imágenes en SharePoint es bastante común. Estuve probando varias alternativas que encontré disponibles en la web y elegí una de Alexander Bautz por las siguientes razones:

Utiliza jQuery
Compatible con SharePoint 2007 y 2010
No requiere instalación del lado del servidor
He usado muchos componentes de Alexander y son muy robustos
Tienes varias opciones de configuración

Introducción

El componente y el artículo que lo explica lo pueden descargar desde este enlace, en donde encontrarán:

Una librería que contiene el código principal que no necesitan modificar, exceptuando que quieran cambiar algo respecto al idioma (los botones de navegación por ejemplo)
El código que deben insertar en la CEWP en donde desean ver la galería

El resultado es una galería como la siguiente:

Verán que tienen muchas opciones de configuración que a continuación transcribo:

listGuid: The GUID of the list you will pull information from – see below for instructions getting this GUID
listBaseUrl: The base URL (site URL, not list URL) of the site containing the list to pull from
listViewGuid: The GUID of the view you will pull information from – see below for instructions getting this GUID
viewFields: An array of all the fields you want to include – using FieldInternalName
viewFieldsStyle: An array that corresponds with the above array. Used to set an individual CSS style of the value
imageMax: Object literal with the parameters “height” and “width”. This represents the max-height OR the max-width of images that are either pulled from a picture library, or from a hyperlink field configured as “Image”. This does NOT apply to images embedded in a rich text field. Use only one parameter at the time to keep the image aspect ratio. The one not specified should have the value null
containerID: A unique ID (unique in the current page) for the slideshow container.
containerHeight: Height in pixles
containerWidth: Width in pixles
containerBorderStyle: CSS style for the border of the container
containerBgColor: Background color of the container
containerBgImg: Background image to use for the container
inDir: The direction to scroll in the content (n,nv,ne,s,sv,se,v,e)
outDir: The direction to scroll out the content (n,nv,ne,s,sv,se,v,e or fade)
displayTime: How long to display each slide – in milliseconds
slideTime: The slide time – in milliseconds
readMoreLink: true or false
readMoreText: If the above parameter is true – the text or image to click to go to DispForm for the specific item
addNewLink: true or false
addNewText: If the above parameter is true – the text or image to click to add a new item to the list
emptyCaution: If the list view contains no items – this is the text displayed in the first (and only) slide

Simplificación

Aún a costa de perder algunas opciones de configuración, me he tomado el atrevimiento de hacer una función que llame a este componente para que sea más fácil de utilizar por usuarios finales. La función también “embellece” un poco los estilos.

La función armada es la siguiente:

function galeria ( guid_lista, guid_vista, url_sitio, foto_ancho, foto_alto, id_contenedor) {

    var myScrSettings = {'listGuid':guid_lista,
    'listBaseUrl':url_sitio,
    'listViewGuid':guid_vista,
    'viewFields':[],
    'viewFieldsStyle':['padding:5px;font-size:16px','padding:5px;font-style:italic','text-align:center'],
    'imageMax':{height:foto_alto,width:null},
    'containerID':id_contenedor,
    'containerHeight':foto_alto,
    'containerWidth':foto_ancho,
    'containerBorderStyle':'border:1px solid #aaaaaa; padding: 5px; background-color: #F9F9F9',
    'containerBgColor':'#F7F7F7',
    'containerBgImg':'',
    'inDir':'e',
    'outDir':'v',
    'displayTime':3000,
    'slideTime':1500,
    'readMoreLink':false,
    'readMoreText':"<img title='Go to item' src='/_layouts/images/magnify.gif' border='0'>",
    'addNewLink':false,
    'addNewText':"<img title='Add new item' src='/_layouts/images/newitem.gif' border='0'>",
    'emptyCaution':"<div style='height:100%;width:100%;padding-top:140px;text-align:center'>No existen imágenes para mostrar..."};

    init_fillScrollableDiv(myScrSettings);

}

Forma de uso

Los dos pasos para utilizar el componente son:

1. Insertar una CEWP (elemento web de edición de contenido)

2. Con el botón “Editor de Código Fuente” agregar el siguiente código

Importante: la función galería recibe 6 parámetros que se deben completar:

ID de la lista (nuestra librería de imágenes)
ID de la vista (la vista que muestra las imágenes)
URL del sitio: la url del sitio, no de la lista
El ancho de las imágenes
El alto de las imágenes
Un identificador para el componente (se puede poner siempre el mismo, salvo en los casos que necesitemos poner dos visores en la misma página, se explica más abajo)

¿Cómo se obtienen los datos para los tres primeros parámetros?

La forma más simple de hacerlo es ir a la vista de las imágenes que se quiere mostrar en SharePoint y con el botón derecho del mouse usar la opción “Ver código Fuente” (View Source) de Internet Explorer.

Una vez dentro del código fuente, buscar el texto “ctx.listName”. Aparecerá algo así:

ctx.listName = "{5452F855-04AD-4D66-8D82-023985BE89AD}";

Lo resaltado en rojo, es el GUID de la lista y constituye el primer parámetro

Luego buscamos “ctx.view” y aparecerá:

ctx.view = "{44C717B1-5027-4D34-8B12-3C596CAFE533}";

Lo que está en rojo es el segundo parámetro.

Finalmente buscamos “L_Menu_BaseUrl” y aparecerá algo así:

var L_Menu_BaseUrl="/sites/blablabla";

Lo resaltado en rojo es el tercer parámetro.

¿Cómo agregar más de una galería en la misma página?

Cambian dos cosas en la segunda galería:

No se requieren incluir las referencias a las librerías
Hay que cambiar el valor del último parámetro

Por ejemplo algo así:

Más información

Alexander publicó el artículo también en este enlace. Les puede ser útil especialmente por los comentarios con las dudas.

Eso es todo por hoy, cualquier duda sólo me consultan. Hasta la próxima!

Muro de fotos en SharePoint 2007

Juan Pablo — Thu, 19 Jul 2012 21:11:03 GMT

Imaginemos que tenemos una lista en SharePoint con un campo de tipo persona que muestra la imagen del usuario. Una vista estándar de lista de SharePoint nos mostraría una foto en cada renglón. ¿Pero cómo podríamos hacer para mostrar las fotos como en un muro, una al lado de la otra? Algo así:

Seguramente hay muchas formas de resolverlo con SharePoint Designer por ejemplo. Sin embargo, aquí vamos a mostrar una opción con jQuery y una CEWP. Espero les resulte interesante:

Este script convierte una vista con estilo tabla basica con un sólo campo de usuario (con foto) en un muro de fotos

*/
function fotos () {

// alert ('Controlo si hay fotos para mostrar');

var hay_fotos = true;

    // Verifico si hay elementos a mostrar
    $("td:contains('No hay elementos que mostrar en esta vista de la'):last").each(function(index) {
        hay_fotos = false;
        });

// Oculto la vista y el tìtulo de la vista
document.writeln("<style> .ms-listviewtable {display: none;} .ms-listdescription {display: none;} </style>");

// Si hay elementos, aplico formato
if ( hay_fotos ) {

// alert ('Busco las fotos');

        // Obtengo fotos de la lista
        var fotos = new Array();
        z = 0;
        $('.ms-listviewtable > tbody > tr > td > table > tbody > tr > td > a > img').each(function(index) {
            //alert ($(this).attr("src"));
            if ( !( $(this).attr("src") == '/_layouts/images/person.gif') ) {
                // Sólo tomo aquellos que usuarios que tengan foto
                fotos[z] = '<img OnError=\"foto_error()\" class=\"fotomuro\" src=\"' + $(this).attr("src") + '\" title=\"' + $(this).attr("alt").substring(8) + '\"></img>';
                z = z +1;
                }
            });

// alert ('Armo el muro');

        // Armo el muro de fotos
        document.writeln ('<p class=\"muro\" >');
        document.writeln ('<div>¿Tu foto no está? <a title=\"\" href=\"/sites/Intranet/_layouts/MySite.aspx\" target=_blank>Subí tu foto</A></div></BR>');
        //for (i = 0; i < 5; i++) {
        for (i = 0; i < fotos.length; i++) {
            document.writeln (fotos[i]);
        }

document.writeln ('</p></BR></BR>');

        // Un poco de estilo a las fotos
        document.writeln("<style> .muro {} .fotomuro { width:62px; height:62px; } </style>");
    }
}

function foto_error() {
    window.event.srcElement.style.display = "none";
}

El código de la CEWP sería:

fotos();

</script>

Hasta el próximo truco jQuery! Nos vemos…

Pantallas dinámicas en #Sharepoint

Juan Pablo — Fri, 20 Jan 2012 13:03:21 GMT

¿Qué pasaría si las pantallas de alta y modificación de listas pudieran variar la obligatoriedad o visibilidad de sus campos de acuerdo a una condición?

Pues esto es lo que propone Alexander en su blog. Les dejo el enlace:
http://sharepointjavascript.wordpress.com/2012/01/19/dynamic-forms-for-sharepoint/

Qué lo disfruten!

Establecer o leer valores en las pantallas estándar de SharePoint

Juan Pablo — Wed, 16 Nov 2011 19:41:36 GMT

Una de las problemáticas más comunes que interesan resolver en SharePoint es cómo establecer u obtener un valor en las pantallas estándar de SharePoint sin romperlas. Nos referimos a estas pantallas:

NewForm
EditForm
DispForm

Existen algunos enfoques para realizar esto utilizando código JavaScript. Uno de los más nombrados es aquel sobre el que escribimos hace mucho en este artículo: http://surpoint.blogspot.com/2010/04/preseleccionar-u-ocultar-valores-en-las.html (data del año 2007).

Existe otro enfoque, que aún no he tenido tiempo de probar, pero que está desarrollado por Alexander Bautz (http://sharepointjavascript.wordpress.com), un astro de JavaScript, jQuery y SharePoint desde mi humilde punto de vista.

El enfoque que propone Alexander es muy interesante especialmente por las opciones que utilizan sus funciones:

getFieldValue
setFieldValue

Los invito a leer el artículo y probar esta herramienta que pueden encontrar en:

http://sharepointjavascript.wordpress.com/2010/05/28/get-or-set-value-for-sharepoint-field-in-newform-editform-and-dispform-get-only-in-dispform/

Espero que les sea útil. Hasta la próxima!

Tabs for SharePoint Forms v2

Juan Pablo — Fri, 25 Feb 2011 15:06:24 GMT

Alexander Bautz publicó una nueva versión de su solución para agrupar columnas de SharePoint en solapas (muy útil). Habíamos hablado sobre las anteriores en el artículo "Embellecimiento" de los formularios de SharePoint.

Les dejo el enlace de esta nueva versión y una imagen para que vean de que se trata.

Qué les sea útil!

https://www.nothingbutsharepoint.com/sites/eusp/Pages/Tabs-for-SharePoint-forms.aspx

Inline editing for SharePoint 2007

Juan Pablo — Tue, 08 Feb 2011 17:58:24 GMT

Desde el blog SharePoint JavaScripts nos llega nuevamente una pieza de código que combina jQuery y CEWP para lograr excelentes resultados, en este caso la edición en línea de listas en SharePoint 2007.

¿Una imagen vale más que mil palabras no?

Gracias Alexander Bautz por este nuevo aporte a la comunidad. Pueden leer el artículo completo y descargar el código desde: http://sharepointjavascript.wordpress.com/2011/02/08/inline-editing-for-sharepoint-2007/.

Que lo disfruten!

Comparación visual de dos formularios InfoPath

Juan Pablo — Tue, 04 Jan 2011 21:04:33 GMT

Hace poco un cliente nos planteó un requerimiento en el que deseaba hacer una comparación visual de dos formularios InfoPath en una página web en Office SharePoint Server 2007. La implementación debía llevarse a cabo sin instalar código de servidor.

Para resolver el pedido, creamos una página con las siguientes características:

Una lista que permite seleccionar los documentos a comparar
Dos IFRAMES en donde se muestran los formularios InfoPath
Un conjunto de acciones que permiten:
- Maximizar el espacio de trabajo para la comparación visual
- Ver los documentos don distintas opciones de zoom (100%, 75% y 50%)
- Borrar los filtros que el usuario pudo haber aplicado en la lista de selección

El resultado es una pantalla como la siguiente:

Pero, ¿cómo fue la implementación? …

Los IFRAMES

Lo primero es crear los IFRAMES en donde se muestran los documentos INFOPATH. Eso puede hacerse con una breve instrucción en BLOCKED SCRIPT

function crear_iframe(id_iframe) {

document.write("<iframe id=" + id_iframe + " name='" + id_iframe +

" 'width=100% height='530' frameborder='0'><p>Your browser does not

support iframes.</p></iframe>");

}

La carga de los IFRAMES

El segundo paso es la creación de los botones que permitan al usuario cargar los IFRAMES con los documentos InfoPath:

Estos botones contienen un hipervínculo como el siguiente que hace posible la carga de los IFRAMES:

El hipervínculo no hace más que apuntar al documento XML que se desea mostrar. Es importante la utilización del parámetro OpenIn=Browser, caso contrario intentará abrir el documento en la herramienta cliente de InfoPath.

Para crear los botones sin utilizar código en el servidor, podemos utilizar la excelente funcionalidad de HTML Calculated Column creada por Christopher en su blog Path to SharePoint, que utiliza JavaScript para convertir una columna que tiene texto HTML en HTML “real”.

Para ello necesitamos crear dos campos calculados con esta fórmula:

=CONCATENATE("<DIV><A HREF='' onClick='BLOCKED SCRIPTdocument.all.IFrameUno.src=";CHAR(34);"/Evaluaciones%20de%20Desempeo/";Título;"?OpenIn=Browser";CHAR(34);";return false;'><IMG SRC='\_layouts\Images\icongo02rtl.gif' TITLE='Agregar a la izquierda' BORDER='0'></A></DIV>")

La función CHAR nos permite agregar un carácter especial, en este caso las comillas dobles. La columna Título es la que contiene el nombre del archivo XML.

Una vez creada las dos columnas calculadas para cargar los IFRAMES, sólo resta agregar el código de Christopher para convertir en texto en HTML.

Pantalla completa y zoom

La opción de pantalla completa lo que en realidad hace es agrandar el espacio de trabajo para que el usuario puede ver con mayor amplitud los documentos. Para ello se puede utilizar jQuery para modificar los estilos y ocultar algunas zonas. jQuery nos proporciona además algunos efectos “lindos” con la función hide.

function pantalla_completa() {
$('.ms-pagetitleareaframe').hide("slow");
$('#MSOZoneCell_WebPartWPQ3').hide("slow");
$('#onetIdTopNavBarContainer').hide("slow");
$('.ms-globalbreadcrumb').hide("slow");
$('#boton_completa').hide("slow");
$('#boton_normal').show("slow");
}

Para la opción de zoom podemos utilizar las bondades del IFRAME, que nos permite modificar el zoom con el cual estamos visualizando la página dentro del IFRAME:

function zoom75 () {
$('#IFrameUno').attr('style', 'zoom:75%');
$('#IFrameDos').attr('style', 'zoom:75%');
$('#IFrameUno').attr('height','720');
$('#IFrameDos').attr('height','720');
}

Por último, el borrado de filtros, es un simple link a la página sin los parámetros que SharePoint agrega en el momento de aplicar un filtro:

document.write("<a href='/internal/compare.aspx'><img src='/_layouts/Images/filteroff.gif' border='0' title='Borrar filtros'></a>");

Fin

Eso es todo por hoy amigos, si bien es un caso muy particular de requerimiento, me pareció importante compartirlo. Nunca se sabe si hay alguien del otro lado del mundo tratando de hacer lo mismo.

Hasta la próxima y no duden en comentar y sugerir mejoras.

Encuestas en SharePoint 2007 con jQuery y CEWP

Juan Pablo — Tue, 07 Dec 2010 02:32:50 GMT

Estuve leyendo un interesante artículo de Alexander de su blog http://sharepointjavascript.wordpress.com en donde nos muestra como armar una encuesta simple y un resultado gráfico en colores con gráfico de barra, columna o torta.

Esta funcionalidad trabaja con una lista customizada, código jQuery, elementos web de edición de contenido (CEWP) y Google charts tools.

Lo interesante es que no necesita instalación en el servidor. Pueden ver en las imágenes adjuntas cómo se visualiza la encuesta. Cool!

El código completo lo pueden descargar desde el artículo original en http://sharepointjavascript.wordpress.com/2010/11/23/poll-for-sharepoint/.

Que les sea útil!

Edición de propiedades de listas y cross site lookup

Juan Pablo — Wed, 27 Oct 2010 15:23:23 GMT

Recientemente en el blog SharePoint JavaScripts han actualizado esta interesante herramienta que nos permite desde modificar propiedades de las columnas de listas hasta crear un campo lookup con listas de otros sitios. Muy interesante en verdad. Transcribo sus principales funcionalidades y les recomiendo acceder al post original para bajar el código: http://sharepointjavascript.wordpress.com/2010/03/30/edit-sharepoint-field-properties-including-lookup-column-list-association-with-client-side-code-only/.

Ahh, me olvidaba, sólo JavaScriot, jQuery y CEWP!

List properties:

Hidden: Hide the list so that it does not appear on the Documents and Lists page, Quick Launch bar, Modify Site Content page, or Add Column page as an option for lookup fields.

ShowUser: Specify that names of users are shown in “Created by” and “Modified by” fields.

Ordered: Specify that the option to allow users to reorder items in the list is available on the Edit View page for the list.

Direction: LTR if the reading order is left-to-right, RTL if it is right-to-left.

Field properties:

Hidden: Specifies whether the field is displayed in the list.

ReadOnly: Specifies whether values in the field can be modified.

Required: Determines whether the field requires values.

Show In NewForm: Specifies whether the field is displayed in the form that is used to create list items.

Show In DispForm: Specifies whether the field is displayed in the form for displaying list items.

Show In EditForm: Specifies whether the field is displayed in the form that is used to edit list items.

Show In DIP: Specifies whether the field is displayed in the “Document Information Panel” in compatible Microsoft Office applications. Only available for document libraries.

Show In List Settings: Specifies whether the field is displayed in the page for customizing list settings.

Show In Version History: Specifies whether the field is displayed in the page for viewing list item versions.

Show In View Forms: Specifies whether the field is displayed in pages that are used to view list data.

Lookup column web and list association (cross site lookup): Change the web and list association for a lookup column – Note: If you do this, all existing elements in this column will be lost. The cross site option is only available for site collection administrators!

Que lo disfruten!

Mostrando tus seguidores y amigos de Twitter en SharePoint

Juan Pablo — Fri, 08 Oct 2010 19:56:39 GMT

Nuevamente SharePoint Kings nos deja unas breves líneas de código pata hacer cosas interesantes, en este caso mostrar tus seguidores y amigos de Twitter.

Una CEWP y jQuery, a esta altura una de las parejas mas taquilleras del mundo SharePoint.

El resultado:

Si les ha resultado interesante, pueden obtener el código desde aquí:

http://www.sharepointkings.com/2010/10/showing-twitter-followers-and-friends.html

Tomando el control del los botones OK y CANCEL

Juan Pablo — Thu, 15 Jul 2010 13:09:33 GMT

En muchos casos necesitamos que luego de que el usuario crea un elemento de lista, la aplicación le muestre una pantalla que diga por ejemplo "Gracias, su pedido ha sido registrado, lo contactaremos a la brevedad".

Como muchos saben, esto puede ser resuelto con el parámetro Source que nos permite re-direccionar la siguiente página, luego de presionar el botón OK (para más información sobre el parámetro Source consultar este artículo: Trucos en las URLs de SharePoint parte 2).

El problema de esta solución es que al presionar el botón CANCEL, también iremos a la página "Gracias, su pedido ha sido registrado...".

Afortunadamente, hace tres días, un artículo del blog SharePoint Briefing nos presenta una posible solución con jQuery, que a continuación resumo:

Para el botón OK, usar SOURCE -> http://[server]/[list]/NewForm.aspx?Source=[ThankYouPage.aspx]
Para el botón CANCEL:
1. Agregar una CEWP en NewForm.aspx
2. Agregar el siguiente código jQuery (que lo que hace es volver una página hacia atrás):

$(function() {

$('input[value=Cancel]').click(function() {history.go(-1);});

});

Les recomiendo que lean el artículo completo (en inglés) que explica el por qué de este código jQuery y analiza el HTML que hay detrás del botón CANCEL. Pueden encontrarlo en este enlace: http://www.sharepointbriefing.com/spcode/article.php/3865791/Take-Control-of-Your-OK-and-Cancel-Buttons.htm.

Hasta la próxima!

Midiendo la salud de tu perro con jQuery en SharePoint 2007

Juan Pablo — Sat, 03 Jul 2010 03:24:07 GMT

El blog SharePoint JavaScripts no deja de sorprenderme positivamente :-)

Imaginen que quieren medir la salud de sus perros con un semáforo de 5 posiciones que funcione de acuerdo a su calendario de vacunación:

Rojo para vacunas vencidas
Verde para la futuras
Amarillo para las no planificadas
Blanco para las que no aplican

Algo como lo que muestra esta imagen:

Pues bien, como Alexander nos tiene acostumbrado, lo resuelve con un poco de jQuery y CEWP. Si les interesa, sigan este enlace para descargar el código: http://sharepointjavascript.wordpress.com/2010/07/02/visual-status-indicator-based-on-5-date-columns-in-a-list-view/

Que lo disfruten!

Cambiar la URL del botón de UPLOAD

Juan Pablo — Mon, 14 Jun 2010 13:55:30 GMT

En algunos casos necesitamos construir nuestra propia página para cargar documentos en una librería. Si nos encontramos en esta situación, es posible que también queramos cambiar la URL del botón para cargar documentos (tanto el botón, como los links del dropdown que depende de él).

Para solucionar esto, podemos recurrir a un truco con jQuery del autor Alexander de SharePoint JavaScripts. Se trata de una pequeña porción de código dentro de una CEWP que nos permite modificar:

El link directo del botón de "upload"
El link de "upload document"
El link de "upload multiple

Pueden descargar el código desde este enlace: http://sharepointjavascript.wordpress.com/2010/06/08/manipulate-upload-link-in-document-library/

Que les sea útil!

Más trucos de jQuery en: http://surpoint.blogspot.com/search/label/jquery.

Vista previa de imagen "on mouse hover"

Juan Pablo — Thu, 06 May 2010 03:21:11 GMT

Les dejo este artículo que nos muestra como lograr un efecto como el de la imagen con un poco de jQuery en una CEWP.

Autor: Alexander Bautz del blog SharePoint JavaScripts

Artículo: http://www.endusersharepoint.com/2010/05/05/sharepoint-image-preview-on-hover-over-a-hyperlink-field/

Que lo disfruten!