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

Only Content controls are allowed directly in a content page that contains Content controls + SharePoint + Designer

Boa tarde, a dica de hoje será bem breve, me deparei com um cenário hoje, assumi um projeto onde algumas páginas funcionavam e outras não, fui abrindo (SharePoint Designer) página por página e nas que não funcionavam e achei essa tag:

<head> 
  <meta name="ProgId" content="SharePoint.WebPartPage.Document"> 
  <meta name="WebPartPageExpansion" content="full">
</head>

 

Analisando os page layouts com problema achei algumas tag asp:content sem fechar.

 <asp:Content> </asp:Content>

Quando não se fecha uma tag asp:content corretamente ao salvar o arquivo ele gera automaticamente a tag head e da problema ao renderizar a página.

Se você estiver passando por esse problema é simples revise as tag asp:content e paga a head e salve o arquivo, sucesso, sua página voltará a funcionar. 🙂

Error: This file may not be moved, deleted, renamed, or otherwise edited.

Galera estou em um projeto e precisei customizar uma master page então realizei um copiar da seattle.master na intenção de logo em seguida renomeá-la, e realizar a customização necessária. Mas ao realizar essa ação de copiar e colar me gerou um arquivo seattle_copy(1).master, e dai por diante não consegui apaga-lo e nem renomear.

Como segue a imagem abaixo:

screenshot.129

screenshot.131

Pesquisando na internet encontrei um post que me auxiliou bastante na resolução deste erro.

Este erro ocorre porque ao criar uma copia da seattle.master ela se mantém associada a seattle.html, por isso voce deve realizar o mesmo processo copiar e colar  com a seattle.html. Feito isto deu um novo nome para seattle.html de apagar como segue na imagem abaixo.

screenshot.133

Agora é só realizar o exclusão do seu arquivo seattle_copy(1).master e logo em seguida apagar seu arquivo apagar.html.

Segue a minha fonte:  Issue with creating a copy of seattle.master in 2013 using SharePoint Designer

 

Usando Query String no SharePoint usando Designer 2007

1. Criar uma Page do tipo Web page Blank onde será exibida a pagina filtrada por query string.

2. Após a criação da pagina click em Edit Page e adicione uma Web Part, que no caso será a lista de páginas do portal.

Como mencionado acima ao clicar em adicionar uma nova Web Part selecione a lista de paginas do portal, essa lista contera todas paginas criadas por você.

Apos adicionar a Web Part!

3. Abra o sharepoint Designer, em seguida seu site para fazer os passos seguintes. Selecione a pagina que foi criada anteriormente, clique em cima da mesma com o botão direito do mouse e selecione a opção Detach from Page Layout que irá desatachar o layout da pagina.

Você poderá começar a fazer edições na page se aparecer a seguinte caixa de dialogo com a mensagem de successfully como se segue abaixo.

4. Abra a pagina em que você acabou de desatachar o page layout,clique com o botão direito em cima da web part a ser editada, selecione a opção Convert to XSTL Data View.

5. Clique na Smart Tag da web part e defina os parametros. Selecionando a opção Parameters do Common Data View Task.

Defina o paremtro a será usado na query string seguindo os passos abaixo:

1. No botão New Parameter

2. Defina um nome para seu parametro, no drop down selecione a opção Query String e em seguida de um nome para a variável Query String.

Clique em OK!

6. Chegamos na parte final do tutorial, nessa parte iremos definir o filtro, que é uma opção do Common Data View Task. Novamente clique no Smart Tag da web part que esta em edição. O filtro a ser criado irá filtrar os dados da lista page, e o filtro pode ser criado seguindo os passos abaixo:

1. Defina o nome do campo que será usado como filtro.

2. Após a deifnição do campo, defina a forma de compração a ser usado que no exemplo foi usado o Equals.

Essa comparação será feita como parametro criado no passo anterior.

Clique Ok!

Segue abaixo algumas imagens do portal criado como exemplo.