Na parte anterior, explicamos como criar controles arrastando e soltando a partir do painel de análise. Nesta parte, vamos criar os controles um por um e, em seguida, associá-los ao item correspondente no arquivo de dados.

Vamos criar os seguintes controles:

um controle de imagem.
Controles estáticos simples para a legenda, preço e referência do produto.
um controle estático avançado para a descrição do produto.

Para criar o controle de imagem:

No painel "Criação", no grupo "Controles usuais", clique em "Imagem".
Clique na página (canto superior esquerdo, por exemplo).

Abra a janela de descrição do controle de imagem (clique duas vezes) para modificar as características do controle.

Este controle é denominado "IMG_Product_Image".

Escolha um display calculado no servidor para otimizar a largura de banda e marque "Alta qualidade". Na verdade, o modo de exibição da imagem é "homotético". Marque "Sem ampliação da imagem" e "Centralize a imagem no controle".


	Observação	Com as opções "Homotética", "Centrar imagem no controle" e "Sem ampliação da imagem", o tamanho da imagem se adaptará homoteticamente à área definida para a imagem. As proporções serão respeitadas e a imagem não será ampliada.

Valide a janela de descrição do controle.

Para criar o controle estático simples usado para exibir a legenda do produto:

No painel "Criação", no grupo "Controles usuais", expanda "Texto" e selecione "Estático simples".

Clique na página (à direita da imagem por exemplo).


	Observação	Para simplificar o posicionamento dos controles, pressione a tecla F7. Um toque nesta tecla é usado para ver a área ocupada pelo controle, um segundo toque nesta tecla é usado para exibir um contorno ao redor do controle (apenas na edição). Isso permite que você veja a borda do controle e posicione facilmente os controles em relação aos outros. Este recurso é muito útil para os controles sem borda.

Renomeie o controle estático: "STC_Title".
Aumente o controle horizontalmente (usando as alças de dimensionamento).

Vamos exibir a descrição do produto em um controle estático rico (chamado Área de Rich Text). Para criar este controle:
1. No painel "Criação", no grupo "Controles usuais", expanda "Texto" e selecione "Área de Rich Text". Você também pode clicar no ícone "Texto" diretamente.
2. Clique dentro da página (à direita da imagem por exemplo, abaixo do controle STC_Title).
3. Renomeie o controle: "RTA_Description".

Vamos exibir o preço do produto em um controle de exibição formatado. Este controle é usado para exibir datas, horas e valores monetários, respeitando o formato de exibição correspondente.

Para criar um controle de exibição formatado:
1. No painel "Criação", no grupo "Controles usuais", expanda "Texto" e selecione "Controle de exibição formatado".
2. Clique na página, abaixo da descrição do produto: o controle é criado automaticamente.
3. Reduza a largura do controle usando as alças de dimensionamento.

Vamos modificar as características deste controle:
1. Exiba a janela de descrição do controle que acabou de criar: clique duas vezes no controle por exemplo.
2. Na guia "Geral":
  - Modifique o nome do controle: "FSTC_Price".
  - Exclua a legenda.
  - Modifique o tipo de controle: selecione "Moeda".
3. Validar.

Crie um controle estático simples para exibir a referência do produto. Este controle é denominado "STC_Reference" e sua legenda é "Referência". Este controle é posicionado abaixo do preço.

Todos os controles necessários foram criados. Vamos agora associar cada controle ao item correspondente. Esta associação é realizada na guia "Link" da janela de descrição do

Páginas

sexta-feira, 25 de setembro de 2020

DICAS 3119 -WEBDEV TUTORIAL 53 - 02-10-2020-09_30Hrs-SEX-Licao 4.3. AWP - CRIANDO CONTROLES - PARTE H

https://youtu.be/C5dU7eedf34

Esse Ao Vivo vai estrear as 09:30 do dia 02/10/2020-SEX

Nenhum comentário:

Postar um comentário