1. Para construir uma janela pop up no Sharepoint 2013 utilizamos um código em Java Script como o abaixo. O arquivo chama-se (SP15ModalDialog.js) e está em anexo nesse post. 
SP15ModalDialog.zip Também pode ser baixado aqui.
SP15ModalDialog.zip Também pode ser baixado aqui.
2. Para termos o modal pop up não é necessário alterar esse código. Aqui temos algumas explicações sobre ele:
|
Como usá-lo
1. Publique o arquivo JavaScript na biblioteca de estilos. Para isso vá até o icone de configurações, selecione > Conteúdo do site.
2. Em conteúdo do site, clique em Biblioteca de Estilos.
3. Procure colocar o arquivo dentro de uma pasta chamada "js".
4. Assim que estiver na pasta "js" clique em Arquivo > Carregar Documento ou araste e solte ele na pasta.
5. Certifique-se de ter dado check-in e publicado uma versão principal do arquivo.
6. Você pode usar o SharePoint Designer 2013 para carregar arquivos para Biblioteca de Estilos (copiar e colar ou usar o botão Importar Arquivos).
7. Agora é necessário registrar o JavaScript na página em que terá o modal pop up. Para isso é necessário clicar com botão direito do mouse em 'Editar arquivo em Modo Avançado' no SharePoint Designer 2013.
8. Opte por 'Editar Layout de Página'.
9. Já dentro da página coloque o seguinte código, conforme imagem que segue. Esse código faz referencia ao JavaScrip salvo na biblioteca de estilos.
<script type="text/javascript" src="../../Style Library/js/SP15ModalDialog.js"></script>
|
10. Salve e feche a alteração na página.
11. Agora acesse a página em que deseja colocar o modal pop up insira uma Web Part do tipo Editor de Scripts.
12. Coloque o seguinte código dentro do editor da Web Part e clique em inserir. Esse código chama a função JavaScript que colocamos na biblioteca de estilos e atribui ela os devidos parâmetros. O último parâmetro é a URL que desejamos abrir no modal pop up. Essa URL pode ser local ou externa.
| <body onload="openInDialog(500,600,true,true,false,'http://www.SharePoint.com');" |
13. Faça Check in da página e publique-a.
Remover o recurso do Modal Pop Up
Para isso exclua a Web Part de Editor de Scripts que foi adcionada.
Executar JavaScript ao carregar a página/documento
A diferença do que foi ensinado no link de Créditos ao final dessa página e essa Web Part foi que ao invés de colocar um link na página para o usuário clicar troquei a forma em que executo a função JavaScript (http://www.forumweb.com.br/dica/255/javascript/executar-javascript-ao-carregar-a-pagina-documento).
Às vezes é necessário executar uma função javascript assim que a página carrega, e temos várias opções para fazer isto:
<body onload="minhaFuncao();">
<body onload="minhaFuncao();">
Nenhum comentário:
Postar um comentário