> For the complete documentation index, see [llms.txt](https://ajuda.consistem.com.br/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ajuda.consistem.com.br/modulos/componentes/manuais-de-telas/camada-de-personalizacao/cadastro-do-widget/aba-aparencia.md).
# Aba Aparência
Programa: CSW1CUSTOM143TAB2
### Pré-Requisitos
***
Não há.
### Acesso
***
Módulo: Componentes\
Grupo: Camada de Personalização\
[Gerador de Workspace (CSW1CUSTOM140)](https://app.gitbook.com/s/0E9n0hpwK2TzblZSHb8i/manuais-de-telas/camada-de-personalizacao/gerador-de-workspace)\
Botão **Novo Workspace**\
[Cadastro do Workspace (CSW1CUSTOM141)](https://app.gitbook.com/s/0E9n0hpwK2TzblZSHb8i/manuais-de-telas/camada-de-personalizacao/cadastro-do-workspace)\
[Aba Cards (CSW1CUSTOM141TAB2)](https://app.gitbook.com/s/0E9n0hpwK2TzblZSHb8i/manuais-de-telas/camada-de-personalizacao/cadastro-do-workspace/aba-cards)\
Botão **Incluir**\
[Cadastro do Card (CSW1CUSTOM142)](https://app.gitbook.com/s/0E9n0hpwK2TzblZSHb8i/manuais-de-telas/camada-de-personalizacao/cadastro-do-card)\
Botão **Incluir**\
[Cadastro do Widget (CSW1CUSTOM143)](https://app.gitbook.com/s/0E9n0hpwK2TzblZSHb8i/manuais-de-telas/camada-de-personalizacao/cadastro-do-widget)
### Visão Geral
***
O objetivo desta aba é configurar o aspecto visual do widget, incluindo alinhamento, esquema de cores, legenda, rotação de eixos e espaçamentos.
### Campos
***
*Campos assinalados com* **|** *são de preenchimento obrigatório.*
#### Alinhamento do Título
Selecionar a posição de alinhamento do texto do título do widget. As opções são:\
\- *Esquerda*\
\- *Centro*\
\- *Direita*
{% hint style="warning" %} **Importante**
Este campo será habilitado se a opção *Gráficos*, *Medidor* ou *Radar* estiver selecionada no campo **Tipo do Gráfico**.
{% endhint %}
#### Cor Principal
Selecionar a cor predominante do gráfico.
{% hint style="warning" %} **Importante**
Este campo será habilitado se a opção *Barras Horizontais*, *Colunas Verticais*, *Linha Evolutiva*, *Medidor* ou *Radar* estiver selecionada no campo **Tipo do Gráfico**.
{% endhint %}
####
**Legenda**
#### Exibe Legenda**|**
Selecionar *Sim* ou *Não* para determinar se a legenda do gráfico deve ser apresentada.
{% hint style="warning" %} **Importante**
Este campo será habilitado se a opção *Gráfico* estiver selecionada no campo **Tipo do Gráfico**.
{% endhint %}
#### Posição da Legenda
Selecionar o local de exibição da legenda. As opções são:\
\- *Base*\
\- *Topo*\
\- *Esquerda*\
\- *Direita*
{% hint style="warning" %} **Importante**
Este campo será habilitado se a opção *Gráfico*, com exceção da *Pizza com Legenda Lateral*, estiver selecionada no campo **Tipo do Gráfico**.
{% endhint %}
#### Comportamento da Legenda
Selecionar o modo de exibição dos itens da legenda. As opções são:\
\- *Com Rolagem*\
\- *Simples*
{% hint style="warning" %} **Importante**
Este campo será habilitado se a opção *Gráfico* estiver selecionada no campo **Tipo do Gráfico**.
{% endhint %}
####
**Área e Eixo**
#### Margem Superior (%)
Informar a distância percentual entre a borda superior e a área útil do desenho do gráfico.
{% hint style="warning" %} **Importante**
Este campo será habilitado se a opção *Gráfico* estiver selecionada no campo **Tipo do Gráfico**.
{% endhint %}
#### Exibe Ferramentas
Selecionar *Sim* ou *Não* para determinar se os botões utilitários de download de imagem e alternância de visualização serão exibidos.
{% hint style="warning" %} **Importante**
Este campo será habilitado se a opção *Gráfico*, *Medidor* ou *Radar* estiver selecionada no campo **Tipo do Gráfico**.
{% endhint %}
#### Deslocamento Horizontal (%)
Informar o ajuste fino percentual do posicionamento do desenho na horizontal.
{% hint style="warning" %} **Importante**
Este campo será habilitado se a opção *Gráfico* ou *Medidor* estiver selecionada no campo **Tipo do Gráfico**.
{% endhint %}
#### Deslocamento Vertical (%)
Informar o ajuste fino percentual do posicionamento do desenho na vertical.
{% hint style="warning" %} **Importante**
Este campo será habilitado se a opção *Gráfico* ou *Medidor* estiver selecionada no campo **Tipo do Gráfico**.
{% endhint %}
#### Rotação da Categoria (°)
Informar a inclinação em graus (de 0 a 90) dos rótulos das categorias no eixo X.
{% hint style="warning" %} **Importante**
Este campo será habilitado se a opção *Colunas Verticais* ou *Linha Evolutiva* estiver selecionada no campo **Tipo do Gráfico**.
{% endhint %}
#### Posição do Rótulo
Selecionar o local de alinhamento do texto da categoria em gráficos de coluna com rotação. As opções são:\
\- *Dentro da Barra*\
\- *Abaixo do Eixo*
{% hint style="warning" %} **Importante**
Este campo será habilitado se a opção *Colunas Verticais* estiver selecionada no campo **Tipo do Gráfico**.
{% endhint %}
#### Limite do Rótulo (Caracteres)
Informar a quantidade máxima de caracteres exibidos antes do corte do texto com reticências no eixo.
{% hint style="warning" %} **Importante**
Este campo será habilitado se a opção *Barras Horizontais*, *Colunas Verticais* ou *Linha Evolutiva* estiver selecionada no campo **Tipo do Gráfico**.
{% endhint %}
####
**Indicadores e Tabela**
#### Tamanho do Indicador
Selecionar o corpo do número ou a espessura da linha nos painéis de indicadores. As opções são:\
\- *Pequeno*\
\- *Médio*\
\- *Grande*
{% hint style="warning" %} **Importante**
Este campo será habilitado se a opção *Indicadores Simples* ou *Barras de Progresso* estiver selecionada no campo **Tipo do Gráfico**.
{% endhint %}
#### Indicadores da Linha
Selecionar a quantidade de quadros de indicadores exibidos lado a lado por linha. As opções são:\
\- *Um*\
\- *Dois*\
\- *Três*\
\- *Quatro*\
\- *Seis*
{% hint style="warning" %} **Importante**
Este campo será habilitado se a opção *Indicadores Simples* estiver selecionada no campo **Tipo do Gráfico**.
{% endhint %}
#### Linhas por Página
Informar a quantidade de registros apresentados por página no tipo tabela.
{% hint style="warning" %} **Importante**
Este campo será habilitado se a opção *Tabela* estiver selecionada no campo **Tipo do Gráfico**.
{% endhint %}
***
{% hint style="danger" %} **Atenção**
As descrições das principais funcionalidades do sistema estão disponíveis na documentação de [Componentes](/tecnologia/erp/componentes.md).\
A utilização incorreta deste programa pode ocasionar problemas no funcionamento do sistema e nas integrações entre módulos.
{% endhint %}
Esse conteúdo foi útil?
Sim Não
---
# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.
## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.
Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:
```
GET https://ajuda.consistem.com.br/modulos/componentes/manuais-de-telas/camada-de-personalizacao/cadastro-do-widget/aba-aparencia.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.
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.