Componentes de exibição de IU

Veja exemplos de campos de lista de seleção, texto e número conforme eles aparecem para os usuários finais no CPQ IU.

Campos da lista de seleção

Tabela 1. Campos da lista de seleção

Nome	Opções	Aparência	Anotações
RadioButtons			Seleção única
VerticalRadio			Seleção única
Radio			Seleção única
Checkbox			Seleção múltipla
VerticalCheckbox			Seleção múltipla
Picklist			Seleção única; inclui caixa de combinação para filtragem
BasicPicklist			Seleção única; somente seleção; sem caixa de combinação para filtragem
MultiSelectPicklist			Seleção múltipla; inclui caixa de combinação para filtragem
VisualPicker			Seleção única usando imagens
MultiSelectVisualPicker			Seleção múltipla usando imagens
ExtendedPicklist			Seleção única usando imagens; extensão de lista de seleção; inclui caixa de combinação para filtragem
MultiSelectExtendedPicklist			Seleção múltipla usando imagens; extensão de lista de seleção; inclui caixa de combinação para filtragem
ExtendedPicklistDisplayOnly	Oculte rótulo do campo Oculte rótulo de opção Centralize o conteúdo Organize horizontalmente ou verticalmente Tamanho da imagem de controle		Seleção única usando imagens; extensão de lista de seleção; inclui caixa de combinação para filtragem
MultiSelectExtendedPicklistDisplayOnly	Oculte rótulo do campo Oculte rótulo de opção Centralize o conteúdo Organize horizontalmente ou verticalmente Tamanho da imagem de controle		Seleção múltipla usando imagens; extensão de lista de seleção; inclui caixa de combinação para filtragem
SingleSelectPicklistGrid	Defina cabeçalhos de coluna Defina o alinhamento da coluna Tamanho da imagem de controle A exibição de preço (código da moeda ou símbolo) segue as configurações de layout		Seleção única usando imagens; extensão da lista de seleção
MultiSelectPicklistGrid	Defina cabeçalhos de coluna Defina o alinhamento da coluna Tamanho da imagem de controle A exibição de preço (código da moeda ou símbolo) segue as configurações de layout		Seleção múltipla usando imagens; extensão da lista de seleção
SingleSelectProductPickerGrid	Defina cabeçalhos de coluna Defina o alinhamento da coluna Tamanho da imagem de controle Cria regras de produto automaticamente A exibição de preço (código da moeda ou símbolo) segue as configurações de layout O usuário pode editar subcampos personalizados - Inclui quantidade por padrão Ações em massa: Valores definidos Incluir ou excluir opções Especifique a quantidade mínima e máxima		Seleção única usando imagens; seletor de produto
MultiSelectProductPickerGrid	Defina cabeçalhos de coluna Defina o alinhamento da coluna Tamanho da imagem de controle Cria regras de produto automaticamente A exibição de preço (código da moeda ou símbolo) segue as configurações de layout O usuário pode editar subcampos personalizados - Inclui quantidade por padrão Ações em massa: Valores definidos Incluir ou excluir opções Especifique a quantidade mínima e máxima		Seleção múltipla usando imagens; seletor de produto
VisualProductPicker	Retângulo largo ou alto Campos de imagem, rótulo, preço, descrição e quantidade		Seleção única usando imagens; seletor de produto
MultiSelectVisualProductPicker	Retângulo largo ou alto Campos de imagem, rótulo, preço, descrição e quantidade		Seleção múltipla usando imagens; seletor de produto

Campos de texto

Tabela 2. Campos de texto

Nome	Opções	Aparência	Anotações
Text
TextArea
ReadOnlyText			Compatível com formatação de marcação, incluindo links e inserção de conteúdo de outros campos
Date
FormattedNumber			Suporta unidades antes ou depois do número, exibidas na entrada
LocationLookup			Acessa a API do Google e retorna dados de localização, que podem ser inseridos em campos especificados

Campos de número

Tabela 3. Campos de número

Nome	Opções	Aparência	Anotações
Number	Valores mínimo e máximo; tamanho da etapa Exemplo de valor de layout: "step":1,"min":0,"max":100
Slider	Valores mínimo e máximo; tamanho da etapa Exemplo de valor de layout: "step":1,"min":0,"max":100
NumberWithSubmit	Rótulo de botão

Campos boolianos

Tabela 4. Campo booliano

Nome	Opções	Aparência	Anotações
Boolean	Rótulos para estados verdadeiro e falso