# Editor de Janelas

O botão “Editor de Janelas” (editor de formulários) no menu de desenvolvimento permite criar suas próprias janelas e exibi-las em modo modal e não modal, incluindo de forma assíncrona em relação ao fluxo do script.

[O trabalho com o Editor de Janelas é demonstrado aqui.](https://sherparpa.ru/ucontent/?0F)

Uma janela modal não permite continuar o trabalho do aplicativo até que seja fechada. Uma janela não modal permite que o Usuário mude para outros modos de operação do aplicativo sem fechá-lo, mas está sempre visualmente sobreposta ao aplicativo. Além disso, as janelas criadas podem ser vinculadas a elementos personalizados em outros aplicativos.

O Editor de Janelas permite usar tanto um layout fixo quanto um layout responsivo.

O layout responsivo altera o design da página dependendo do comportamento do Usuário, da plataforma, do tamanho da tela e da orientação do dispositivo, e é uma parte integrante do desenvolvimento web moderno. Ele permite economizar significativamente e não redesenhar um novo design para cada resolução, mas mudar tamanhos e posições de elementos individuais.

O layout fixo é um tipo de layout em que a largura do conteúdo é rigidamente definida em pixels e não muda dependendo do tamanho da janela do navegador.

A interface do Usuário do Editor de Janelas consiste nas seguintes áreas principais:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcova0ENXTrsnqIUf_kwtKOpX4FyCEs1n3KtnuMQlchOh-p4HPkuQO3oS3WXOH4lzPBgd12UtkLAdCxyGEIHrCO2cWdjhFYUfrw-4aK3OtnfzTBBC08KUhi9qrTsxR759J9AZ7C?key=9HEOKB3zstPtO4F6ZGyDgg" alt=""><figcaption></figcaption></figure>

1. Menu principal (barra superior);
2. Elementos gerais e contêineres;
3. Área de trabalho central;
4. Painel de propriedades dos elementos.

<table data-header-hidden><thead><tr><th width="59.75"></th><th width="224.3333740234375"></th><th width="367.5166015625"></th></tr></thead><tbody><tr><td><strong>№ p/p</strong></td><td><strong>Elemento da interface</strong></td><td><strong>Descrição</strong></td></tr><tr><td>1.</td><td>menu “Arquivo”</td><td>Permite usar funções básicas para gerenciar formulários de usuário no editor de janelas.</td></tr><tr><td>2.</td><td>menu “Edição”</td><td>Permite realizar ações de desfazer, refazer, copiar, etc.</td></tr><tr><td>3.</td><td>botão “Nova Janela”</td><td>Permite abrir um novo formulário para edição.</td></tr><tr><td>4.</td><td>botão “Visualizar”</td><td>Permite ver a versão que estará disponível após o layout. Além disso, pode-se usar a tecla F5.</td></tr><tr><td>5.</td><td>botão “Editar Propriedades da Janela”</td><td>Permite ajustar as configurações do formulário. Além disso, pode-se usar a tecla F8.</td></tr><tr><td>6.</td><td>botão “Editar Eventos da Janela”</td><td>Permite ajustar as configurações do formulário. Além disso, pode-se usar a combinação de teclas Ctrl+F8.</td></tr><tr><td>7.</td><td>botão <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdfM6jAUdmsmDoyM2XzZ4dIz1j0TgMRNQRsRQ7jnnx8g6ck6cQZas4GSWJ44kN8hSnOBnRWRY2HkwaAzztFl76KQxjNMv9epYW9eMN7vNhmF5AvaKxR2X3bF0cby2aU7FLljqVROg?key=9HEOKB3zstPtO4F6ZGyDgg" alt=""></td><td>Permite desfazer a ação.</td></tr><tr><td>8.</td><td>botão <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcmD0Sb9YzzVVOFTSO9s_mwf5LU1sDz-22GPgPPcgiJa0vtfgbRl8ThprmaKLeAIwdOfKYZybAmSjgVDUOWcpniVY6WAufZ4-3sre9yIAIymfbYfsQf0DcCTEhu_3jl57wFxwjDpg?key=9HEOKB3zstPtO4F6ZGyDgg" alt=""></td><td>Permite refazer a ação.</td></tr><tr><td>9.</td><td>botão <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdqaWfuyvSmg9n7bnYREYIu-R69aA4kohn23N2fhAAxLu_ubh0VTs2tzGug58MhZ0ile07bI8Y2_nuo3MbJowaJR3yZVNDRHOiY9GkJUlksJbSM6gVSa5HybeBu6f2HS-RIRDCd9A?key=9HEOKB3zstPtO4F6ZGyDgg" alt=""></td><td>Permite excluir o elemento selecionado.</td></tr><tr><td>10.</td><td>botão <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXecYNrAgMcvPg-wwXqKGnVjbEGO27XPPWYLzH_-QvTMnMjZketidCAjUQF0DmboP8acB70ud5D-f3DeV30NjjCTuqF88Nf2cEf7KCvwUxtxXDeyw5sk13wBMIOFiip6kKtBUZ_hlg?key=9HEOKB3zstPtO4F6ZGyDgg" alt=""></td><td>Permite alinhar o elemento selecionado à esquerda.</td></tr><tr><td>11.</td><td>botão <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfu1vgnhMnpK7avvRinGSQOmCL3Fegs9ONv82wluXq3eK9yL_lBP0qIyWjsrgOzFuACvAkjQcsTVznEpS-MYkApfbuTN4QTgXzuVbkwZ8X3FTqhCDPUlLfcTJaIM2fWCngg6rOa?key=9HEOKB3zstPtO4F6ZGyDgg" alt=""></td><td>Permite alinhar o elemento selecionado ao centro.</td></tr><tr><td>12.</td><td>botão <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXc_oWbZgC8uH98PlyB0r7E4M8JSuzPcWTwN9N2_Qhg3vEVyhTic38GCvC8vDUQ713rzy4dJb6exAGpMoszDb5db2X4fpQuYPvAyP0f8nG3WOQcTqpxB1FVhFTeR2X2hoYHDqiC74Q?key=9HEOKB3zstPtO4F6ZGyDgg" alt=""></td><td>Permite alinhar o elemento selecionado à direita.</td></tr><tr><td>13.</td><td>botão <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdKzAPGKMw7pfkdNsQ_gPsG5HSsT-rviIZ2_TdUFM9kAtuaN7FlBQTsSbg6JfUpi2Ga-uvSz-iwymca-XxH9ZvtfJd4A8fdmyGG8k2pIAvCLbcNgDPt3DWhIRJ7LLErvKEFAI0Z?key=9HEOKB3zstPtO4F6ZGyDgg" alt=""></td><td>Permite alinhar o elemento selecionado ao topo.</td></tr><tr><td>14.</td><td>botão <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXe2qaZ3WQ-Np7GwP3ohhr3P076nIE43hmD-aGLRmcN9Yja6VItREoRAnyOvCGzjwPeXTifAcxwyJ9ajrdl1sEnOgB9kJlkvuxIqjfLgBFRSOlwEagZdGYMkQEiYJtV7tEBv4WWY?key=9HEOKB3zstPtO4F6ZGyDgg" alt=""></td><td>Permite alinhar o elemento selecionado ao meio.</td></tr><tr><td>15.</td><td>botão <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdFFmZ0tA7I811a5k1yShEiV3jD-Q2XL9JJLQMzgc_WOdOWYJ864nqBh3XipGA8oJ6nEbK0H_a-dTh9HSa5yEaKbFeDjxcEZi7UQBVj8ej92o8S4m9DvqVmNgwCuLnjiwd2Qfns?key=9HEOKB3zstPtO4F6ZGyDgg" alt=""></td><td>Permite alinhar o elemento selecionado na parte inferior.</td></tr><tr><td>16.</td><td>botão <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXftE0gZNJ-bnNfqF12Q545VBrAsH_HjbV-rk5_MKSzI94MuiBANownacL_zin7Eh2RvZQstZQc1tgqJBdglCsJPlMmKw2I1MVMJyrDrJAj5k_UTlsLn2huvC1rEgxNMbHTv5Ed2sw?key=9HEOKB3zstPtO4F6ZGyDgg" alt=""></td><td>Permite alinhar o elemento selecionado à largura.</td></tr><tr><td>17.</td><td>botão <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXder6WJVGOhv-1jCnjWqoGLE2CiBaw1-l1gOeU8UHEXvwUPcz4IJdNBV8BTGXRr9JeDymNnWF6fY_fC21IZuQao8cbWElpJ8C8zHvSGWOAnM8kGdnFfCuiAESb7QXKVj1lqso9rgg?key=9HEOKB3zstPtO4F6ZGyDgg" alt=""></td><td>Permite alinhar o elemento selecionado à altura.</td></tr><tr><td>18.</td><td>botão <img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeuDOpzAW6gw0ZqJMOauZeH4-hi33MvVS6NyyptTJIa9g2nBaUWGFbQPc2j0w0hhawqsQSicBvPGn0uisJ0CyqBqzULeZbCoqWqDjfgo6zfv3HAKYhEcBTMM46RqTP8_U_1dh9u?key=9HEOKB3zstPtO4F6ZGyDgg" alt=""></td><td>Permite alinhar o elemento selecionado às dimensões.</td></tr></tbody></table>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXda-Ft4qUmXhM9HSN7-GM2uIVWgVxH1U0cccx3KdBHeDh5aCyjnlkRt37Svher7unGZmJZDsf5YrWUi6GZuvid8hdA9V2bkhQcftkuBfAQF3gV4EfGaqgUTqCWGbY8_PleAzMw3bg?key=9HEOKB3zstPtO4F6ZGyDgg" alt=""><figcaption></figcaption></figure>

O menu "Arquivo" do Editor de Janelas contém as seguintes funções:

<table data-header-hidden><thead><tr><th width="58.63330078125"></th><th width="234.38330078125"></th><th width="358.5833740234375"></th></tr></thead><tbody><tr><td><strong>№ p/p</strong></td><td><strong>Elemento da interface</strong></td><td><strong>Descrição</strong></td></tr><tr><td>1.</td><td>item “Nova janela”</td><td>Permite abrir um novo formulário para edição.</td></tr><tr><td>2.</td><td>item “Exportar para arquivo”</td><td>Permite exportar o formulário para um arquivo json. Também é possível usar a combinação de teclas Ctrl+E.</td></tr><tr><td>3.</td><td>item “Importar de arquivo”</td><td>Permite importar o formulário de um arquivo json. Também é possível usar a combinação de teclas Ctrl+I.</td></tr><tr><td>4.</td><td>item “Pré-visualização da janela”</td><td>Permite ver a versão que estará disponível após a formatação. Também é possível usar a tecla F5.</td></tr><tr><td>5.</td><td>item “Editar propriedades da janela”</td><td>Permite ajustar as configurações do formulário. Também é possível usar a tecla F8.</td></tr><tr><td>6.</td><td>item “Editar eventos da janela”</td><td>Permite ajustar as configurações do formulário. Também é possível usar a combinação de teclas Ctrl+F8.</td></tr><tr><td>7.</td><td>item “Fechar”</td><td>Permite fechar o Editor de janelas.</td></tr></tbody></table>

A janela “Editar configurações do formulário” pode ser aberta de várias maneiras:

* No menu “Arquivo” através dos itens “Editar propriedades da janela” ou “Editar eventos da janela”.
* No menu principal através dos botões “Editar propriedades da janela” ou “Editar eventos da janela”.
* Usando as teclas de atalho “F8” e “Ctrl+F8” para abrir o Editor de configurações do formulário na aba “Propriedades” e na aba “Eventos”, respectivamente.

A aba "Propriedades" da janela "Editar configurações do formulário" contém as seguintes funções:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcL7JDNVz-R2clebB04w1cF-vuj0rQ6UTQzLgeewNmJajRdaXrj5oXCs1Gydm4bS7kIFllvqqNPSJyICJ0X9arF821v9tGz00Zx10SniaOSSpKzFCaOhyFi_T3tNe7FKxPLN_3gvA?key=9HEOKB3zstPtO4F6ZGyDgg" alt=""><figcaption></figcaption></figure>

<table data-header-hidden><thead><tr><th width="60.86669921875"></th><th width="241.20001220703125"></th><th width="383.03326416015625"></th></tr></thead><tbody><tr><td><strong>№ p/p</strong></td><td><strong>Elemento da interface</strong></td><td><strong>Descrição</strong></td></tr><tr><td>1.</td><td>botão “Adicionar elemento”</td><td>Permite adicionar um elemento da lista de elementos comuns através da seleção de um menu suspenso.</td></tr><tr><td>2.</td><td>botão “Mover para cima”</td><td>Permite mover o elemento selecionado para cima.</td></tr><tr><td>3.</td><td>botão “Mover para baixo”</td><td>Permite mover o elemento selecionado para baixo.</td></tr><tr><td>4.</td><td>coluna “Nome da vinculação”</td><td>Permite selecionar a variável à qual outra variável será vinculada.</td></tr><tr><td>5.</td><td>coluna “Tipo de vinculação”</td><td>Tipo de vinculação, comparação ou atribuição.</td></tr><tr><td>6.</td><td>coluna “Valor da vinculação”</td><td>Permite selecionar a variável à qual o valor será vinculado.</td></tr></tbody></table>

A aba "Eventos" da janela "Editar configurações do formulário" contém as seguintes funções:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeqy7Bxe7Z8_nwYBpzz5ub7z5E1vnVF47VpbzhgNp-vKZ1OVtum-xNfe8jPHU8mNXNmtxZtTygGfekGWYBdRV5YKuaVtdSuWm7wyPZbHIFES4QE-pHwZc4Xq3ArXyjoO97gliIrAw?key=9HEOKB3zstPtO4F6ZGyDgg" alt=""><figcaption></figcaption></figure>

<table data-header-hidden><thead><tr><th width="58.63336181640625"></th><th width="267.88330078125"></th><th width="356.35003662109375"></th></tr></thead><tbody><tr><td><strong>№ p/p</strong></td><td><strong>Elemento da interface</strong></td><td><strong>Descrição</strong></td></tr><tr><td>1.</td><td>botão “Adicionar elemento”</td><td>Permite adicionar um elemento da lista de elementos comuns que já estão instalados na janela (formulário) através da seleção de um menu suspenso.</td></tr><tr><td>2.</td><td>botão “Adicionar eventos de botões”</td><td>Permite adicionar eventos de botões.</td></tr><tr><td>3.</td><td>coluna “Nome”</td><td>Nome do elemento adicionado.</td></tr><tr><td>4.</td><td>coluna “Valor”</td><td>Valor do evento.</td></tr></tbody></table>

O menu "Edição" do Editor de janelas oferece as seguintes opções:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfrX0lN60Sa2ZOvNBFyGURJblAUJtDkatGi4YPmCvI-MOqsWzj5IdBIk8_2btOAQIeknxqGAuU2-dxd-PiQ9EQDVFUSY0zWgmgj1_ocd2Jv_R8iUXZLGhTFKjnbUyFoWhbpWm8w?key=9HEOKB3zstPtO4F6ZGyDgg" alt=""><figcaption></figcaption></figure>

<table data-header-hidden><thead><tr><th width="54.16668701171875"></th><th width="236.38330078125"></th><th width="349.88336181640625"></th></tr></thead><tbody><tr><td><strong>№ p/p</strong></td><td><strong>Elemento da interface</strong></td><td><strong>Descrição</strong></td></tr><tr><td>1.</td><td>item “Desfazer”</td><td>Permite desfazer a ação. Também é possível usar a combinação de teclas Ctrl+Z.</td></tr><tr><td>2.</td><td>item “Refazer”</td><td>Permite refazer a ação. Também é possível usar a combinação de teclas Ctrl+Y.</td></tr><tr><td>3.</td><td>item “Copiar”</td><td>Permite copiar o elemento. Também é possível usar a combinação de teclas Ctrl+C.</td></tr><tr><td>4.</td><td>item “Colar”</td><td>Permite colar o elemento. Também é possível usar a combinação de teclas Ctrl+V.</td></tr><tr><td>5.</td><td>item “Excluir”</td><td>Permite excluir o elemento. Também é possível usar a tecla Delete.</td></tr></tbody></table>

Ao usar o Editor de janelas, uma série de elementos e ferramentas estão disponíveis:

* formatação de tabelas em múltiplos níveis;
* botões, caixas de seleção, campos de texto;
* listas comuns e suspensas, bem como listas com marcadores;
* botões de opção e grupos de opção;
* calendários;
* campos de senha e outros tipos especiais de campos;
* imagens;
* barras de progresso;
* editor de texto com formatação;
* divisores, abas, barras de rolagem;
* tabelas de dados editáveis;
* outros elementos de controle.

Cada elemento de controle possui mais de 50 propriedades configuráveis que determinam sua aparência e comportamento. Os valores de cada uma delas, assim como as ações dos usuários na janela, podem ser vinculados à alteração dos valores das variáveis selecionadas, e vice-versa - a alteração dos valores das variáveis resulta na alteração dos valores dos elementos de controle correspondentes. Essa funcionalidade permite desenvolver, dentro do cenário do robô, sistemas de diálogo e especialistas ramificados, janelas de configurações do robô, dicas interativas e assistentes, bem como aplicativos inteiros com múltiplas janelas.

Importante! Para demonstrar o funcionamento dessa funcionalidade, foi adicionando na pasta Project o jogo "[Jogo da Velha](https://docs.sherparpa.ru/sherpa-designer/primery-robotov/krestiki-noliki)" - o primeiro jogo da velha do mundo, implementado com os recursos da plataforma RPA.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdavxbln4skoIgI_7Ber26gphxsKJIFTn2eGEvQPtJV8Ih1T0OvBbh7RmARHYLf6vgUn0WJw6wvKeT_HdbQWm254WKcoAunrxb9Ez14tLSWc_OkUtQWfdHramvBC4ceSHdE9PssIw?key=9HEOKB3zstPtO4F6ZGyDgg" alt=""><figcaption></figcaption></figure>

<table data-header-hidden><thead><tr><th width="58.63330078125"></th><th width="222.10003662109375"></th><th width="424.46649169921875"></th></tr></thead><tbody><tr><td><strong>№ p/p</strong></td><td><strong>Elemento da interface</strong></td><td><strong>Descrição</strong></td></tr><tr><td>1.</td><td>Elementos gerais</td><td></td></tr><tr><td>1.1.</td><td>Cursor</td><td>Permite selecionar um elemento no formulário para sua configuração/movimento.</td></tr><tr><td>1.2.</td><td>Label</td><td>Permite definir um rótulo de texto na janela editável (formulário).</td></tr><tr><td>1.3.</td><td>Button</td><td>Permite definir um botão.</td></tr><tr><td>1.4.</td><td>CheckBox</td><td>Permite definir uma caixa de seleção.</td></tr><tr><td>1.5.</td><td>TextBox</td><td>Permite definir um campo de texto.</td></tr><tr><td>1.6.</td><td>ComboBox</td><td>Permite selecionar um item de uma lista de opções pré-definidas.</td></tr><tr><td>1.7.</td><td>CheckedListBox</td><td>Permite definir uma lista simples com caixas de seleção.</td></tr><tr><td>1.8.</td><td>DateTimePicker</td><td>Permite definir um elemento para seleção de data e hora.</td></tr><tr><td>1.9.</td><td>LinkLabel</td><td>Permite definir um elemento com hyperlink.</td></tr><tr><td>1.10.</td><td>ListBox</td><td>Permite definir uma lista simples.</td></tr><tr><td>1.11.</td><td>MaskedTextBox</td><td>Permite definir um campo de texto com controle de entrada e verificação automática de erros.</td></tr><tr><td>1.12.</td><td>MonthCalendar</td><td>Permite definir um elemento com data que pode ser selecionada através de um calendário visual mensal.</td></tr><tr><td>1.</td><td></td><td></td></tr></tbody></table>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.sherparpa.ru/pt/sherpa-rpa/sherpa-designer/rabota-v-sherpa-designer/osnovnoe-menyu/panel-razrabotka/menyu-dopolnitelno/redaktor-okon.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.