Construtor de cartões para Mobile componentes
Saiba mais sobre os componentes que compõem os cartões móveis
Adicionar e remover componentes
Recipientes
Os componentes dos contêineres contêm outros componentes. Um contêiner pode conter qualquer componente do cartão, incluindo outro contêiner. Use contêineres para organizar os componentes do cartão e determinar como os componentes no contêiner são alinhados e distribuídos.
| Propriedade | Descrição |
|---|---|
| Altura | Altura do seu contêiner em pixels |
| Largura | Largura do seu contêiner em pixels. Se esta propriedade for deixada em branco, o contêiner preencherá o espaço disponível. |
| Parte superior da margem | A margem superior do seu contêiner em pixels |
| Margem inferior | A margem inferior do seu contêiner em pixels |
| Margem esquerda | A margem esquerda do seu contêiner em pixels |
| Margem certa | A margem direita do seu contêiner em pixels |
| Raio de canto | O raio do canto do seu contêiner. Aumente este valor para criar cantos arredondados para o contêiner. |
| Direção do contêiner | Determina a direção da orientação dos componentes no contêiner. Selecione um destes valores:
|
| Alinhamento | Determina o alinhamento dos componentes no contêiner. Selecione um destes valores:
|
| Distribuição | Determina a distribuição dos componentes no contêiner. Selecione um destes valores:
|
Imagens
Componentes de imagem são usados para exibir uma imagem. Você define uma imagem a ser exibida selecionando um campo em seu registro que contém uma imagem, por exemplo, o campo Avatar em um registro de Usuário.
| Propriedade | Descrição |
|---|---|
| Campo mapeado | O campo no seu registro que contém a imagem. Nota: Ao criar um modelo de cartão, você não poderá selecionar um campo. Esta seleção é feita quando seu cartão está associado a uma tela específica. |
| Altura | Altura da sua imagem em pixels |
| Largura | Largura da sua imagem em pixels |
| Raio de canto | O raio do canto da sua imagem. Aumente este valor para criar cantos arredondados para sua imagem. |
| Margem superior | A margem superior da sua imagem em pixels |
| Margem direita | A margem direita da sua imagem em pixels |
| Margem inferior | A margem inferior da sua imagem em pixels |
| Margem esquerda | A margem esquerda da sua imagem em pixels |
| Escala | A escala da sua imagem. Selecione um destes valores:
|
Texto
Os componentes de texto exibem o texto no seu cartão. Pode ser texto estático ou texto do rótulo de valor de um campo. Use componentes de texto para as informações que seus usuários precisam ver primeiro ao exibir listas de registros.
| Propriedade | Descrição |
|---|---|
| Tipo de campo | O tipo de campo de texto. Selecione um destes valores:
|
| Texto do tipo de campo | O texto que aparece no componente de texto. Este valor é usado somente quando você selecionou Texto estático na propriedade Tipo de campo. |
| Campo mapeado | O campo que contém o texto a ser usado. O componente de texto exibirá o rótulo do campo ou o valor do campo, dependendo do que você selecionar na propriedade Tipo de campo. Nota: Ao criar um modelo de cartão, você não poderá selecionar um campo. Esta seleção é feita quando seu cartão está associado a uma tela específica. |
| Altura | Altura do componente de texto em pixels |
| Largura | Largura do componente de texto em pixels |
| Raio de canto | O raio do canto do seu componente de texto. Aumente este valor para criar cantos arredondados para o componente de texto. |
| Margem superior | A margem superior do seu componente de texto em pixels |
| Margem direita | A margem direita do seu componente de texto em pixels |
| Margem inferior | A margem inferior do seu componente de texto em pixels |
| Margem esquerda | A margem esquerda do seu componente de texto em pixels |
| Alinhamento do texto | Alinhamento do texto no seu componente. Selecione um destes valores:
|
| Número máximo de linhas | O número máximo de linhas para o texto no seu elemento. |
| Peso da fonte | O peso da fonte do seu texto. Selecione um destes valores:
|
| Tamanho da fonte | O tamanho da fonte do seu texto. Insira um valor numérico. |
| Cor do texto | A cor do seu texto. O valor desta propriedade é um código de cor HTML, por exemplo, #A0522D para sienna. Nota: Você não pode mudar a cor de fundo de um componente de texto, mas pode colocar seu componente de texto em um componente de contêiner e mudar a cor de fundo do contêiner. |