> ## Documentation Index
> Fetch the complete documentation index at: https://agile-docs.3code.com.br/llms.txt
> Use this file to discover all available pages before exploring further.

# Editar

> A funcionalidade de edição do Agile é uma ferramenta prática que permite atualizar dados existentes de forma rápida, segura e eficiente.

## Formas de edição

O Agile oferece duas formas principais de edição de dados, adaptadas ao tipo de informação exibida em cada tela:

### Grid

Presente em algumas telas, como Feriados, Cofre de Senhas, entre outras. Ao selecionar um item para editar, uma interface lateral é aberta, permitindo que o usuário atualize as informações de forma rápida, sem sair da tela principal. Essa abordagem combina agilidade com praticidade, mantendo o contexto da visualização.

<Card>
  <div>
    <img className="block dark:hidden rounded-lg" src="https://mintcdn.com/3code/Arxx7HuBTuymTmMK/public/images/organization/general/update/update-focus-light.png?fit=max&auto=format&n=Arxx7HuBTuymTmMK&q=85&s=577d0a5b45b36397a2e604cdb87443ad" width="1104" height="760" data-path="public/images/organization/general/update/update-focus-light.png" />

    <img className="hidden dark:block rounded-lg" src="https://mintcdn.com/3code/Arxx7HuBTuymTmMK/public/images/organization/general/update/update-focus-dark.png?fit=max&auto=format&n=Arxx7HuBTuymTmMK&q=85&s=52a5e5e2ddc418736ed5d3debf846ae0" width="1104" height="760" data-path="public/images/organization/general/update/update-focus-dark.png" />
  </div>

  <div>
    <img className="block dark:hidden rounded-lg" src="https://mintcdn.com/3code/Arxx7HuBTuymTmMK/public/images/organization/general/update/update-form-light.png?fit=max&auto=format&n=Arxx7HuBTuymTmMK&q=85&s=3109dafe4fcf44690aeeb13299d64092" width="1920" height="1080" data-path="public/images/organization/general/update/update-form-light.png" />

    <img className="hidden dark:block rounded-lg" src="https://mintcdn.com/3code/Arxx7HuBTuymTmMK/public/images/organization/general/update/update-form-dark.png?fit=max&auto=format&n=Arxx7HuBTuymTmMK&q=85&s=951e19659cc8bb1bbb4cc4c3fbd9a0c9" width="1920" height="1080" data-path="public/images/organization/general/update/update-form-dark.png" />
  </div>
</Card>

### Detalhes

Presente na maioria das telas do sistema. Ao acessar os detalhes de um item, o usuário encontra todas as informações organizadas e pode realizar alterações de maneira mais completa e contextualizada.

#### Ícone de detalhes

<Card>
  <div>
    <img className="block dark:hidden rounded-lg" src="https://mintcdn.com/3code/Arxx7HuBTuymTmMK/public/images/organization/general/update/basic-data-details-light.png?fit=max&auto=format&n=Arxx7HuBTuymTmMK&q=85&s=90653024653ebe2b65b1e0f56bc3b449" width="711" height="425" data-path="public/images/organization/general/update/basic-data-details-light.png" />

    <img className="hidden dark:block rounded-lg" src="https://mintcdn.com/3code/Arxx7HuBTuymTmMK/public/images/organization/general/update/basic-data-details-dark.png?fit=max&auto=format&n=Arxx7HuBTuymTmMK&q=85&s=c13ea1abcac859ab4189bdcd10de5636" width="720" height="423" data-path="public/images/organization/general/update/basic-data-details-dark.png" />
  </div>

  <Card>
    Para editar um item, primeiro acesse os detalhes clicando no ícone de detalhes na lista. Isso abrirá uma visão detalhada do item, onde você poderá ver todas as informações relevantes.
  </Card>
</Card>

#### Clicar em editar

<Card>
  <div>
    <img className="block dark:hidden rounded-lg" src="https://mintcdn.com/3code/Arxx7HuBTuymTmMK/public/images/organization/general/update/details-edit-light.png?fit=max&auto=format&n=Arxx7HuBTuymTmMK&q=85&s=0385f8b62e1cd946fdf19db15881e4e2" width="1200" height="912" data-path="public/images/organization/general/update/details-edit-light.png" />

    <img className="hidden dark:block rounded-lg" src="https://mintcdn.com/3code/Arxx7HuBTuymTmMK/public/images/organization/general/update/details-edit-dark.png?fit=max&auto=format&n=Arxx7HuBTuymTmMK&q=85&s=8fab282ee3c695b1cad71e406d3135f0" width="1200" height="912" data-path="public/images/organization/general/update/details-edit-dark.png" />
  </div>

  <Card title="Edite os campos necessários">
    Clique no botão de editar ou diretamente nos campos habilitados para edição. Após ajustar os dados, clique em **Confirmar** para atualizar as informações no sistema de forma segura e eficiente.
  </Card>

  <Card>
    <div>
      <img className="block dark:hidden rounded-lg" src="https://mintcdn.com/3code/Arxx7HuBTuymTmMK/public/images/organization/general/update/edit-true-light.png?fit=max&auto=format&n=Arxx7HuBTuymTmMK&q=85&s=58c2b870bf33e42b5a3cbdb652dfb29f" width="1940" height="1100" data-path="public/images/organization/general/update/edit-true-light.png" />

      <img className="hidden dark:block rounded-lg" src="https://mintcdn.com/3code/Arxx7HuBTuymTmMK/public/images/organization/general/update/edit-true-dark.png?fit=max&auto=format&n=Arxx7HuBTuymTmMK&q=85&s=fb06de32d5f899790ca92ca9ef6a51ec" width="1940" height="1100" data-path="public/images/organization/general/update/edit-true-dark.png" />
    </div>

    <Card>
      Assim que você clicar no botão de editar, os campos editáveis serão destacados, permitindo que você veja claramente quais informações podem ser alteradas. Isso facilita a navegação e a atualização dos dados.
    </Card>
  </Card>
</Card>

Essa flexibilidade permite que o usuário escolha a forma de edição mais adequada à sua necessidade, equilibrando agilidade e profundidade.