Versões comparadas
comparado com
Chave
- Esta linha foi adicionada.
- Esta linha foi removida.
- A formatação mudou.
Introdução
A área de trabalho varia conforme o arquivo que será aberto nela e conjuntamente todos os componentes correspondentes a esse arquivo. Nessa parte será explicada mais sobre os arquivos html pois eles possuem mais abas e menus para configuração.Image Removed
Image Added
Figura 1 - Área de trabalho do arquivo HTML
- Recarregar Área de Design;
- Redimensionamento: redimensiona a tela para verificar a responsividade em diferentes equipamentos;
- Modal: Adiciona e/ou seleciona os modais criados;
- Exibe elementos ocultos;
- Oculta fonte de dados: oculta todos os ícones de fonte de dados da tela;
- Aba componente: exibe uma lista de componestes arrastáveis;
- Aba propriedades: edição das propriedades do componente selecionado na tela, incluindo a estilização dos adição/remoção de estilos e eventos desse componente como também de seus elementos internos desse componente;
- Aba eventos: exibe vários eventos para adicionar ações a um componente selecionado na tela;
- Aba responsividade: configuração da responsividade de um elemento para diversos tipos de display;
- Aba estilo: adiciona estilo a todo o componente;
- Abas Visualização e código: exibe o conteúdo de forma visual ou o código-fonte HTML.
Redimensionamento
A view do formulário pode ser redimensionada conforme os ícones abaixo, além de poder resetar e recarregar a área.
Image Added
Figura 2 - Itens do redimesionamento
- Resetar: reajusta a área de design do formulário;
- Área de redimensionamento: redimensiona a área de design para mostrar como é seu comportamento conforme o ícone selecionado:
- Dispositivos pequenos, telefones;
- Dispositivos médios, tablets;
- Desktops;
- Dispositivos Grandes.
Modal
Modal não é nada mais que uma caixa de diálogo que fica sobreposta na view.
Painel | ||
---|---|---|
| ||
|