A partir da versão 4.0, agora você pode alternar entre as visualizações de desktop, tablet e celular enquanto edita! Chamamos isso de modo responsivo. No modo responsivo, seu site será redimensionado para um tamanho menor a fim de simular como ele ficaria em telas menores.

Recursos de edição limitados

Ao visualizar seu site nas exibições de tablet ou celular, você terá recursos de edição limitados. Com isso, você pode APENAS fazer o seguinte:

• Editar texto
• Formatar estilos de texto usando a barra de ferramentas de formatação de texto
• Ajustar algumas margens de elementos e linhas *
• Ocultar linhas em tablets ou celulares

* O PBS aplica algumas estilizações responsivas aos seus elementos e linhas, portanto algumas margens não poderão ser ajustadas.

Aqui estão algumas coisas que você não pode fazer:

• Adicionar, remover ou arrastar elementos
• Visualizar propriedades do elemento
• Redimensionar imagens, ícones, linhas e outros elementos redimensionáveis

Ajustando margens para tamanhos de tela específicos

Se você estiver visualizando seu site nas exibições de tablet ou celular, quaisquer ajustes de margem que fizer serão aplicados apenas à visualização atual e à visualização menor. Isso permite ajustar seus designs para que fiquem melhores em telas menores, separadamente da versão completa para desktop.

Aqui está um exemplo para deixar as coisas mais claras.

1. Se você visualizar seu site no modo tablet e ajustar as margens de um título, esse ajuste será aplicado apenas a telas de tablet. Isso também será aplicado a telas de celular. Se você voltar ao modo desktop, a margem original será restaurada.
2. Agora, se você for para o modo celular e ajustar ainda mais a mesma margem novamente, esse ajuste será aplicado apenas a telas de celular. Depois disso, você terá uma margem diferente para desktops, tablets ou celulares.

Isso se aplica apenas a ajustes de margens; alterações de texto ou de estilo de texto são aplicadas em todos os tamanhos de tela.

Ocultando conteúdo em tamanhos de tablet ou celular

Ao visualizar nas exibições de tablet ou celular, suas linhas terão um novo botão de barra de ferramentas de “olho” que aparecerá ao passar o cursor sobre elas. Clicar nele permitirá mostrar/ocultar a linha para o tamanho de tela atual.

As linhas ocultas ficarão um pouco transparentes durante a edição para indicar que ficarão ocultas quando você terminar de editar.

Observe que este recurso está disponível apenas para linhas.