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:
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 🙂 !

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

Deixe um comentário