Conheça nosso editor

✏️ Espaços do editor

O editor é composto por 3 principais espaços: Menu lateral, menu superior, e quadro de trabalho

É neste espaço onde acontecem as ações principais como adição de páginas, containers e componentes (A)

Dentro da navegação no menu superior (B) é possível acessar configurações essenciais, além de ter controle sobre as versões publicadas e acesso a URL para encaminhar aos stakeholders

Reforçando a criação colaborativa, também é possível gerenciar todos os participantes do projeto e também encaminhar convites para quem ainda não faz parte da sua organization.

No futuro, traremos nessa área todas as integrações de serviços parceiros da gStudio.

Espaço de Trabalho

O espaço de trabalho é onde você pode visualizar tudo que está criando (C)

📝 Estrutura básica de um projeto

Para que seu projeto fique organizado e fácil de ser editado, é importante entender os conceitos básicos de como estruturar sua criação dentro do gStudio.

Páginas

Para criar sua primeira página, basta seguir o caminho: Menu > new page (A). Também nesse menu podem ser realizadas outras ações, tais como acessar outras configurações, editar, duplicar ou deletar uma página e até mesmo alterar seu layout para um modelo pré configurado. Nossas páginas podem ser públicas ou privadas, sendo que as privadas necessitam de login. Elas também podem ser estáticas ou dinâmicas, mas esse assunto abordaremos em nosso módulo intermediário.

Caso seja o seu primeiro contato com ferramentas no-code, recomendamos que utilize apenas páginas públicas ao invés das privadas

Todas as páginas ficam listadas no dropdown (B) podendo ser editadas a qualquer instante. Para melhor organização, recomendamos o uso de uma boa nomenclatura nas suas nomeações.

Containers

Os containers são espaços que visam facilitar o agrupamento de conteúdos e podem ser incluídos ou removidos dinamicamente.

Todas as páginas criadas possuem um container padrão, para adicionar outros, clique no ícone + localizado ao lado da respectiva página (A).

Para que a construção do seu projeto aconteça de forma otimizada, recomendamos que seja feita seguindo as boas práticas de construção

Um detalhe importante sobre os containers são sobre suas várias opções de configuração, tanto de suas propriedades quanto de seu conteúdo. Tudo o que for construído dentro deles pode ser alinhado e distribuído da forma que desejar.

Para acessar essas opções, selecione o container desejado (A) e navegando pela sidebar no lado direito do editor escolha o que precisa editar (B).

Em caso de dúvida dentro de nosso editor, basta passar o mouse em cima do ícone “ℹ️” ao lado de cada item para conferir uma breve explicação.

Last updated