Árvore de páginas

Versões comparadas

Chave

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

...

Bloco de código
languagec#
themeMidnight
titlelayout-config.json
linenumberstrue
collapsetrue
{
	"front": [
		{
			"css": "font-size: 9px;font-weight: bold;top: 50px; width: 200px; left: 300px;",
			"values": [
				{
					"type": "custom",
					"value": "meuCampo"
				}
			]
		},
		{
			"css": "font-size: 9px;font-weight: bold;top: 70px; width: 200px; left: 20px;",
			"values": [
				{
					"type": "field",
					"value": "planDescription"
				},
				{
					"type": "field",
					"value": "accommodationDescription"
				}
			]
		},
		{
			"css": "font-size: 9px;font-weight: bold;top: 85px; width: 200px; left: 20px;",
			"values": [
				{
					"type": "field",
					"value": "coverageArea"
				}
			]
		},
		{
			"css": "font-size: 8px;top: 117px; width: 70px; left: 330px;",
			"values": [
				{
					"type": "text",
					"value": "VÁLIDO ATÉ:"
				}
			]
		},
		{
			"css": "font-size: 10px;font-weight: bold;top: 135px; width: 400px; left: 20px; color: white",
			"values": [
				{
					"type": "field",
					"value": "subcontractCardName"
				}
			]
		}
	],
	"back": [
		{
			"css": "font-size: 9px;font-weight: bold;top: 70px; width: 200px; left: 100px;",
			"values": [
				{
					"type": "field",
					"value": "planDescription"
				},
				{
					"type": "field",
					"value": "accommodationDescription"
				}
			]
		}
	]
}
Dica
titleArquivo para download

View file
namelayout-config.json
height150

Após aplicar a configuração, a carteirinha no portal será renderizada com os campos dinâmicos e fixos conforme definidos no arquivo layout-config.json. A imagem do cartão será gerada com base nas imagens da frente e verso, aplicando o estilo CSS e exibindo os valores de acordo com as informações retornadas pela API.

...