> 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-conteudo.md).

# Aba Conteúdo

Programa: CSW1CUSTOM143TAB1

### 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 é definir o título, formato dos valores, limites da extração, rotinas de interação e a origem das informações que alimentam o widget.

### Campos

***

*Campos assinalados com* <mark style="color:red;">**|**</mark> *são de preenchimento obrigatório.*

#### Título do Widget

Informar a descrição principal exibida diretamente no gráfico quando o card contiver múltiplos widgets.

#### Subtítulo

Informar a descrição secundária apresentada no topo do widget.

#### Nome da Série

Informar a nomenclatura da grandeza apresentada na dica ao posicionar o cursor sobre o gráfico.

{% hint style="warning" %} <mark style="color:orange;">**Importante**</mark>

Este campo será habilitado se a opção *Gráficos*, *Medidor* ou *Radar* estiver selecionada no campo **Tipo do Gráfico**.
{% endhint %}

#### Largura do Widget (1-12)<mark style="color:red;">**|**</mark>

Informar a dimensão horizontal proporcional do widget dentro da área do card.

#### Formato do Valor<mark style="color:red;">**|**</mark>

Selecionar a máscara de exibição dos números. As opções são:\
\- *Moeda Real*\
\- *Inteiro*\
\- *Percentual*

#### Formato da Categoria<mark style="color:red;">**|**</mark>

Selecionar o tratamento exibido no eixo de categorias. As opções são:\
\- *Texto Original*\
\- *Data Formatada*

{% hint style="warning" %} <mark style="color:orange;">**Importante**</mark>

Este campo será habilitado se a opção *Colunas Verticais*, *Linha Evolutiva* ou *Tabela* estiver selecionada no campo **Tipo do Gráfico**.
{% endhint %}

#### Limite de Linhas<mark style="color:red;">**|**</mark>

Informar o teto máximo de registros retornados pela extração de dados.

#### Total da Tabela

Selecionar a operação de totalização para ser exibida no rodapé de tabelas. As opções são:\
\- *Nenhum*\
\- *Soma*\
\- *Média*\
\- *Contagem*\
\- *Contagem + Soma*

{% hint style="warning" %} <mark style="color:orange;">**Importante**</mark>

Este campo será habilitado se a opção *Tabela* estiver selecionada no campo **Tipo do Gráfico**.
{% endhint %}

#### Valor Mínimo

Informar o limite inferior da escala do gráfico ou medidor.

{% hint style="warning" %} <mark style="color:orange;">**Importante**</mark>

Este campo será habilitado se a opção *Medidor* estiver selecionada no campo **Tipo do Gráfico**.
{% endhint %}

#### Valor Máximo

Informar o limite superior da escala do gráfico, medidor ou barra de progresso.

{% hint style="warning" %} <mark style="color:orange;">**Importante**</mark>

Este campo será habilitado se a opção *Medidor*, *Radar* ou *Barras de Progresso* estiver selecionada no campo **Tipo do Gráfico**.
{% endhint %}

#### Faixas de Cor

Informar o mapeamento de cores por limites de valores para o tipo medidor no formato limite=cor.

{% hint style="warning" %} <mark style="color:orange;">**Importante**</mark>

Este campo será habilitado se a opção *Medidor* estiver selecionada no campo **Tipo do Gráfico**.
{% endhint %}

#### Rotina de Clique

Informar a rotina do sistema que será aberta ao clicar sobre o widget.

#### Origem dos Dados<mark style="color:red;">**|**</mark>

Selecionar a fonte geradora das informações do widget. As opções são:\
\- *Query SQL*\
\- *Código Low Code*

#### Situação<mark style="color:red;">**|**</mark>

Selecionar a situação do cadastro do widget. As opções são:\
\- *Ativo*\
\- *Inativo*

### Botões

***

#### Parâmetros de Clique

Apresenta o programa [Parâmetros de Clique (CSW1CUSTOM150)](https://app.gitbook.com/s/0E9n0hpwK2TzblZSHb8i/manuais-de-telas/camada-de-personalizacao/parametros-de-clique) para cadastrar os argumentos entregues à rotina de clique.

#### Itens do Widget

Apresenta o programa [Itens do Widget (CSW1CUSTOM145)](https://app.gitbook.com/s/0E9n0hpwK2TzblZSHb8i/manuais-de-telas/camada-de-personalizacao/itens-do-widget) para cadastrar rótulos, cores semânticas e destaques específicos por linha nos painéis de indicadores.

#### Informar Query

Apresenta o programa [Informar a Query (CSW1CUSTOM605)](https://app.gitbook.com/s/0E9n0hpwK2TzblZSHb8i/manuais-de-telas/camada-de-personalizacao/informar-a-query605) para editar a instrução SQL quando a origem for Query SQL.

#### Editar Código

Apresenta o programa [Cadastro de Código Low Code (CSW1CUSTOM111)](/modulos/componentes/manuais-de-telas/camada-de-personalizacao/cadastro-de-codigo-low-code.md) para editar a rotina na Central de Low Code quando a origem for Código Low Code.

***

{% hint style="danger" %} <mark style="color:red;">**Atenção**</mark>

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 %}

<p align="center">Esse conteúdo foi útil?</p>

<p align="center"><a href="https://movidesk.consistem.com.br/form/10395/" class="button primary" data-icon="thumbs-up">Sim</a> <a href="https://movidesk.consistem.com.br/form/10395/" class="button primary" data-icon="thumbs-down">Não</a></p>


---

# 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-conteudo.md?ask=<question>&goal=<user_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.
