Utilizando o Modern UI nos seus sites SharePoint Online

Olá Pessoal!

A dica de hoje é pra você que já utiliza o SharePoint Online há um bom tempo e gostaria muito de experimentar o “Modern UI” que vem sendo disponibilizado pela Microsoft!

Sem dúvida mais cedo ou mais tarde já teremos esta interface disponível com fácil configuração para todos os tenants e em todos os sites já criados, mas enquanto isso não acontece, podemos dar um empurrãozinho com o Powershell 🙂

Mas antes de mais nada, do que se trata essa Modern UI?

Simples!

E isso também!

 

Sim meus amigos! Temos uma nova interface muito bem trabalhada, com compatibilidade mobile e muito amigável, com adição de uma nova série de funcionalidades!

Outra coisa bem bacana são alguns contadores e visões muito importantes ao clicar em “Conteúdo do Site”

Imagens: http://www.sharepointnutsandbolts.com/

 

Lembrando que não estamos falando apenas de páginas ou page layouts, mas também da estrutura interna de listas e bibliotecas, que também está sendo remodelada nesta interface.

Enfim, temos muita coisa bacana acontecendo em termos de interface e usabilidade, e por isso gostaria de recomendar os seguintes conteúdos sobre o tema:

http://www.sharepointnutsandbolts.com/2016/05/Modern-Team-Sites-Pages-Apps.html

https://msdn.microsoft.com/en-us/pnp_articles/modern-experience-customizations?f=255&MSPPError=-2147217396

https://blogs.office.com/2016/06/07/modern-document-libraries-in-sharepoint/

 

Nota importante!

Vale lembrar que recentemente os Grupos e sites do OneDrive tiveram essa atualização, mas podemos nos antecipar e trazer estas mudanças para os nossos sites já existentes 😀

 

#Sigam-meOsBons #PowershellToTheRescue!

Basta seguir o seguinte artigo oficial:

https://support.office.com/en-us/article/Switch-the-default-experience-for-lists-or-document-libraries-from-new-or-classic-66dac24b-4177-4775-bf50-3d267318caa9?ui=en-US&rs=en-US&ad=US&fromAR=1

Em resumo – as alterações para a Modern UI a nível de site collection só podem serem feitas no momento via Powershell, e por isso eu já elaborei um procedimento + powershell bem bacana pra voces 🙂

1. Certifique-se de ter uma instalação local do SharePoint Online Management Shell
2. Acesse o SPOnline Management Shell
3. Verifique se a conta utilizada para o procedimento já possui a permissão “Global Administrator”
4. Crie o arquivo powershell com o nome “ModernUIConfig.ps1”, conforme código abaixo:

Add-Type -Path "C:\Program Files\SharePoint Online Management Shell\Microsoft.Online.SharePoint.PowerShell\Microsoft.SharePoint.Client.dll"
Add-Type -Path "C:\Program Files\SharePoint Online Management Shell\Microsoft.Online.SharePoint.PowerShell\Microsoft.SharePoint.Client.Runtime.dll"
cls

# Menu de configuracao de escopo
Write-Host "Entre com o escopo da configuração"
Write-Host
$scopeOptions = [System.Management.Automation.Host.ChoiceDescription[]] @("&Site Collection", "&Web")
[int]$scopeDefaultchoice = 0
$scopeOpt =  $host.UI.PromptForChoice($Title , $Info , $scopeOptions, $scopeDefaultchoice)
switch($scopeOpt){
    0 { 
        Write-Host "Será feita a configuração a nível de Site Collection" -ForegroundColor White
        $separator = ","
    }
    1 { 
        Write-Host "Será feita a configuração a nível de Web" -ForegroundColor White
        $separator = ";"
    }
}

# Menu de configuracao de escopo
Write-Host
Write-Host "Entre com a definição da Modern UI"
Write-Host
$muiOptions = [System.Management.Automation.Host.ChoiceDescription[]] @("&Desativar Modern UI", "&Ativar Modern UI")
[int]$muiDefaultchoice = 1
$muiOpt =  $host.UI.PromptForChoice($Title , $Info , $muiOptions, $muiDefaultchoice)
switch($muiOpt){
    0 { 
        Write-Host "Será desativada a Modern UI" -ForegroundColor White
        $separator = ","
    }
    1 { 
        Write-Host "Será ativada a Modern UI" -ForegroundColor White
        $separator = ";"
    }
}

Write-Host
$webUrl = Read-Host "Entre com a URL do site collection"
$username = Read-Host -Prompt "Entre com o e-mail completo do Office 365 referente ao administrador do site collection, por exemplo, name@domain.onmicrosoft.com"
$password = Read-Host -Prompt "Entre com a senha para $username" -AsSecureString
 
[Microsoft.SharePoint.Client.ClientContext]$clientContext = New-Object Microsoft.SharePoint.Client.ClientContext($webUrl)
$clientContext.Credentials = New-Object Microsoft.SharePoint.Client.SharePointOnlineCredentials($username, $password)

if ($scopeOpt -eq 0){
	$site = $clientContext.Site; 
	$featureguid = new-object System.Guid "E3540C7D-6BEA-403C-A224-1A12EAFEE4C4"
} else {
	$site = $clientContext.Web;
	$featureguid = new-object System.Guid "52E14B6F-B1BB-4969-B89B-C4FAA56745EF"
}

if ($muiOpt -eq 0){
	$site.Features.Add($featureguid, $true, [Microsoft.SharePoint.Client.FeatureDefinitionScope]::None);
} else {
	$site.Features.Remove($featureguid, $true);
}

$clientContext.ExecuteQuery();

Write-Host
Write-Host "Operação concluída!" -ForegroundColor Green

Download!

Feito isso execute o script com os parametros desejados e voilà!

 

Nosso site já possui o layout do ModernUI 😀

Simples não? Sem dúvida a Microsoft irá disponibilizar um botão na interface para isso rs!

Espero que tenham gostado e até o próximo post!

 

Este post reflete apenas a opinião do autor sobre o assunto, e não fornece garantias ou responsabilidade sobre qualquer problema decorrente de sua utilização.