Abrir Modal (Global Navigation / Quick launch)

Este post é  sobre a abertura de um link em uma janela de diálogo do SP (Modal), decidi fazer com que ao clicar no link do início rápido ou barra de navegação abriria a página imediatamente em uma caixa de diálogo. Isso não é possível out-of-the-box, pois o SharePoint não permite  JavaScript nos links da Global Navigation / Quick Launch, por isso criei  uma solução em torno de JQuery / JavaScript.

O que ganhamos com isso é conseguimos abrir página em modal clicando em um link da Home, ou seja você não é redirecionado para outra página. 

A solução proposta é em JQuery, então antes de começão instancie a biblioteca atual, o link segue abaixo:

Downlod JQuery

A bilbioteca deve ser adiciona na master page onde irei também adicionar nossa rotina js.

Selecione a página que deseja abrir, e copie o link.

Na sua master page será adicionado do script abaixo, dever ser editado tudo que esta em negrito!

type="text/javascript">
$(document).ready(function () {
    $("a[href$='staffdir.aspx']").click(function () {
        SP.UI.ModalDialog.showModalDialog({
            url: "http://path/to/staffdir.aspx", title: "Staff Directory", allowMaximize: true, showClose: true, width: 1200, height: 768,
            dialogReturnValueCallback: function (dialogResult, returnValue) { }
        }); return false;
    });
});

 

Vou compartilhar o resultado 🙂 !

screenshot.493

Ao clicar no link GSD Modal, carrega este modal! Legal né, abs!

screenshot.494