sexta-feira, 25 de setembro de 2020

DICAS 3120 -WEBDEV TUTORIAL 54 - 03-10-2020-11_00Hrs-SAB-Licao 4.3. AWP - Link nos Contorles - PARTE I



https://youtu.be/tafQcl3k2IQ



Bom Dia Boa Tarde Boa Noite

Esse Ao Vivo vai estrear as 11:00 do dia 03/10/2020-SAB

DICAS 3120 -WEBDEV TUTORIAL 54 - 03-10-2020-11_00Hrs-SAB-Licao 4.3. AWP - Link nos Contorles - PARTE I
Lição 4.3. Criação de páginas no modo AWP

ASSUNTOS

associar cada controle ao item correspondente, com Link 
Criando o link na imagen e explicando cada passo
criando o link dos outros controles 
Explicando proxima licao - Exibindo dados na pagina


DICAS 3067 -WEBDEV TUTORIAL 1-Licao 1.1-14-09-2020 11hrs-DESCUBRA WEBDEV
DICAS 3068 -WEBDEV TUTORIAL 1-Licao 1.2-14-09-2020 15hrs-Web development and WEBDEV - PARTE A
DICAS 3069 -WEBDEV TUTORIAL 3-Licao 1.2-14-09-2020 16hrs-Web development and WEBDEV - PARTE B





PlayList WebDev tutorial Amarildo Webdev
Playlist Windev Tutorial Amarildo Windev
Playlist windev Franca PcSoft
Amarildo
Windev
WxSolucoes
Matos Informatica
Repositorio Windev
Site forum Google 
Video sobre 3 Mil Videos Windev 
PlayList Pedrosao
Video sobre Alfaserver servidor 
Ultimo Video manipulacao arquivos












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 controle.
  • Para vincular o controle "IMG_Product_Image" ao item correspondente:
    1. Selecione o controle "IMG_Product_Image".
    2. Abra o menu pop-up (clique com o botão direito) e selecione "Descrição".
    3. Vá para a guia "Link" na janela de descrição. Esta guia permite que você veja se o controle atual não está vinculado a nenhum item. Vamos vinculá-lo ao item Visual do arquivo de dados do Produto.
    4. Em "Item vinculado", expanda "Análise" e depois "Produto". A lista de itens encontrados no arquivo de dados do produto é exibida.
    5. Selecione o item "Visual" do arquivo de dados "Produto".
      Link entre o controle e o item
    6. Valide a janela de descrição.
  • Execute a mesma operação para criar os seguintes links:
    • Controle STC_Title vinculado ao item "Caption" do arquivo de dados "Product".
    • Controle RTA_Description vinculado ao item "Descrição" do arquivo de dados "Produto".
    • FSTC_Price vinculado ao item "PriceBT" do arquivo de dados "Produto".
    • Controle STC_Reference vinculado ao item "Referência" do arquivo de dados "Produto".
  • Salve 



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



https://youtu.be/C5dU7eedf34




Bom Dia Boa Tarde Boa Noite

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

DICAS 3119 -WEBDEV TUTORIAL 53 - 02-10-2020-09_30Hrs-SEX-Licao 4.3. AWP - CRIANDO CONTROLES - PARTE H
Lição 4.3. Criação de páginas no modo AWP

ASSUNTOS

COM DIA TOP 

CRIANDO CONTROLES 
EXPLICANDO QUAIS CONTROLES SERA CRIADOS
CRIANDO CONTROLE IMAGEN
CRIANDO CONTROLE STATIC 
DICA TOP - F7 - PERMITE OLHAR A AREA DOS CONTROLES 
OUTRO F7 NA SEQUENCIA - PERMITE VER A BORDA DOS CONTROLES
CRIANDO CONTROLE RTA DESCRIPTION
CRIANDO CONTROLE FORMATADO -> NAO SABIA 
CRIANDO STATIC REFERENCIA 



DICAS 3067 -WEBDEV TUTORIAL 1-Licao 1.1-14-09-2020 11hrs-DESCUBRA WEBDEV
DICAS 3068 -WEBDEV TUTORIAL 1-Licao 1.2-14-09-2020 15hrs-Web development and WEBDEV - PARTE A
DICAS 3069 -WEBDEV TUTORIAL 3-Licao 1.2-14-09-2020 16hrs-Web development and WEBDEV - PARTE B








PlayList WebDev tutorial Amarildo Webdev
Playlist Windev Tutorial Amarildo Windev
Playlist windev Franca PcSoft
Amarildo
Windev
WxSolucoes
Matos Informatica
Repositorio Windev
Site forum Google 
Video sobre 3 Mil Videos Windev 
PlayList Pedrosao
Video sobre Alfaserver servidor 
Ultimo Video manipulacao arquivos











Criando controles

Agora vamos criar os controles usados ​​para exibir informações sobre o produto selecionado.
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:
    1. No painel "Criação", no grupo "Controles usuais", clique em "Imagem".
    2. Clique na página (canto superior esquerdo, por exemplo).
      Criando o controle de imagem
    3. 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.
    4. Valide a janela de descrição do controle.
  • Para criar o controle estático simples usado para exibir a legenda do produto:
    1. No painel "Criação", no grupo "Controles usuais", expanda "Texto" e selecione "Estático simples".
    2. Clique na página (à direita da imagem por exemplo).
      Criação do controle estático

      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.
    3. Renomeie o controle estático: "STC_Title".
    4. 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).
      Criação do controle estático rico
    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".
        Descrever um controle de exibição formatado
    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 








Teste

Teste
teste