Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

...

  1. Visão Geral
  2. Exemplo de utilização
  3. Configuração Layout CartãoTela XXX
    1. Outras Ações / Ações relacionadas
  4. Configuração dos Campos no Arquivo JSONTela XXX
    1. Principais Campos e Parâmetros
  5. Tabelas utilizadas

...

Aqui está um exemplo visual de como a carteirinha pode aparecer no portal do beneficiário, com base na configuração fornecida. Este é apenas um modelo ilustrativo, pois o layout final pode variar dependendo dos dados específicos retornados pela API.

Image RemovedImage Added

03.

...

CONFIGURAÇÃO LAYOUT CARTÃO

Outras Ações / Ações relacionadas

AçãoDescrição

...

Salvar ImagensSalve as imagens front-card.png e back-card.png no diretório.
Criar Arquivo layout-config.jsonDefina o layout do cartão no arquivo layout-config.json.

04. CONFIGURAÇÃO DOS CAMPOS NO ARQUIVO JSON

Principais Campos e Parâmetros

CampoDescrição

...

frontContém a lista de configurações para a frente do cartão.
backContém a lista de configurações para o verso do cartão.
cssDefine o estilo CSS para cada campo.
valuesDefine os valores a serem exibidos, podendo ser: field, text, ou custom.
type: fieldRefere-se a um campo retornado pela API.
type: textExibe um texto fixo no layout.
type: customPermite adicionar campos customizados, definidos pelo ponto de entrada PTBENCARD.
valueDefine o valor a ser exibido no campo, conforme o tipo (campo da API ou texto fixo).

...

05. TABELAS UTILIZADAS