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

https://windevdesenvolvimento.blogspot.com/2020/09/dicas-3119-webdev-tutorial-53-02-10.html

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

DICAS 3070 -WEBDEV TUTORIAL 4-Licao 1.2-14-09-2020 17hrs-Web development and WEBDEV - PARTE C
DICAS 3071 -WEBDEV TUTORIAL 5-Licao 1.3-15-09-2020 11hrs-Lesson 1.3. Minha Primeira Pagina - PARTE A

DICAS 3072 -WEBDEV TUTORIAL 6-Licao 1.3-15-09-2020 15hrs-Lesson 1.3. Minha Primeira Pagina - PAGINA FORMULARIO - PARTE B

DICAS 3073 -WEBDEV TUTORIAL 7-Licao 1.3-15-09-2020 16hrs-Lesson 1.3. Minha Primeira Pagina - CRIANDO CONTROLES - PARTE C

DICAS 3074 -WEBDEV TUTORIAL 8-Licao 1.3-16-09-2020 11hrs-Lesson 1.3. Minha Primeira Pagina - SALVANDO DADOS - ENGENHARIA REVERSA - PARTE D

DICAS 3075 -WEBDEV TUTORIAL 9-Licao 1.3-16-09-2020 15hrs-Lesson 1.3. SALAVANDO DADOS - PARTE E

DICAS 3076 -WEBDEV TUTORIAL 10-Licao 1.3-16-09-2020 16hrs-Lesson 1.3. TESTE PAGINA E WDMAP - PARTE F

DICAS 3077 -WEBDEV TUTORIAL 11-Licao 1.3-17-09-2020 11hrs-Lesson 1.3. CONTROLE ENTRADA - PARTE G

DICAS 3078 -WEBDEV TUTORIAL 12-Licao 1.3-17-09-2020 15hrs-Lesson 1.3. VERIFICACAO SENHA - PARTE H

DICAS 3079 -WEBDEV TUTORIAL 13-Licao 1.3-17-09-2020 16hrs-Lesson 1.3. PESQUISA SIMPLES BANCO DADOS LOGIN - PARTE I

DICAS 3080 -WEBDEV TUTORIAL 14 - Licao 1.3-18-09-2020 11hrs-Lesson 1.3. LOGIN CONECTAR CODIGO - PARTE J

DICAS 3081 -WEBDEV TUTORIAL 15 - 4M - Lesson 2.1. Overview - Lesson 2.2 = Databases- VISAO GERAL - PARTE A

DICAS 3082 -WEBDEV TUTORIAL 16 - 0M -20-09-2020-11Hrs-DOM- Lesson 2.2 = Databases - PARTE B

DICAS 3083 -WEBDEV TUTORIAL 17 - 21-09-2020-11Hrs-SEG- Lesson 2.3. Project and analysis - PARTE A

DICAS 3084 -WEBDEV TUTORIAL 18 - 21-09-2020-11_15Hrs-SEG- Lesson 2.3. Project and analysis - ANALISE - CLIENTE- PARTE B

DICAS 3085 -WEBDEV TUTORIAL 19 - 21-09-2020-11_30Hrs-SEG- Lesson 2.3. Project and analysis - ANALISE - PEDIDO - PARTE C

DICAS 3086 -WEBDEV TUTORIAL 20 - 21-09-2020-11_45Hrs-SEG- Lesson 2.3. Project and analysis - ANALISE - CAMPOS PEDIDO - PARTE D

DICAS 3087 -WEBDEV TUTORIAL 21 - 21-09-2020-12_00Hrs-SEG- Lesson 2.3. Project and analysis - MODO DE PAGAMENTO - IMPORTANDO CSV - WDMAP - PARTE E

DICAS 3088 -WEBDEV TUTORIAL 22 - 22-09-2020-11_00Hrs-SEG- Lesson 2.3. Project and analysis - IMPORTAR PRODUTO - WDMAP - PARTE F

DICAS 3089 -WEBDEV TUTORIAL 23 - 22-09-2020-11_30Hrs-TER- Lesson 2.3. Project and analysis - LINKS - PARTE G

DICAS 3090 -WEBDEV TUTORIAL 24 - 22-09-2020-14_00Hrs-TER- Lesson 2.3. Project and analysis - LINKS PEDIDO ITEN - PARTE H

DICAS 3091 -WEBDEV TUTORIAL 24 - 22-09-2020-14_30Hrs-TER- Lesson 2.3. Project and analysis - LINKS PEDIDO ITEN - CONTINUA - PARTE I

DICAS 3092 -WEBDEV TUTORIAL 26 - 22-09-2020-15_00Hrs-TER- Lesson 2.3. Project and analysis - GERANDO ANALISE - PARTE J FINAL

DICAS 3093 -WEBDEV TUTORIAL 27 - 23-09-2020-11_00Hrs-QUA- Lesson 3.1. Overview - VISAO GERAL

DICAS 3094 -WEBDEV TUTORIAL 28 - 23-09-2020-14_00Hrs-QUA- Lição 3.2. Principio para exibir um site WEBDEV no modo Sessão

DICAS 3095 -WEBDEV TUTORIAL 29 - 24-09-2020-11_00Hrs-QUI-Licao 3.3. Paginas para adição e modificação parte A

DICAS 3096 -WEBDEV TUTORIAL 30 - 24-09-2020-10_30Hrs-QUI-Licao 3.3. Criar Pagina Sessao Lista Produtos - PARTE B

DICAS 3097 -WEBDEV TUTORIAL 31 - 24-09-2020-11_00Hrs-QUI-Licao 3.3. Criar Pagina - CONTROLER LOOPER - PARTE C

DICAS 3098 -WEBDEV TUTORIAL 32 - 24-09-2020-11_30Hrs-QUI-Licao 3.3. Criar Pagina - MODIFICAR_MENU_TEMPLATE - PARTE D

DICAS 3099 -WEBDEV TUTORIAL 33 - 25-09-2020-10_00Hrs-SEX-Licao 3.3.MODIFICANDO PRODUTOS MODO SESSAO - PARTE E

DICAS 3100 -WEBDEV TUTORIAL 34 - 25-09-2020-10_30Hrs-SEX-Licao 3.3. Criacao Controles de Edicao - Parte F

DICAS 3101 -WEBDEV TUTORIAL 35 - 25-09-2020-11_00Hrs-SEX-Licao 3.3. Criacao Controles de Edicao-AJUSTES - Parte G

DICAS 3102 -WEBDEV TUTORIAL 36 - 25-09-2020-11_30Hrs-SEX-Licao 3.3. Exibindo Dados Pagina - Parte H

DICAS 3103 -WEBDEV TUTORIAL 37 - 26-09-2020-11_00Hrs-SAB-Licao 3.3. CRIANDO CONTROLE BOTAO - CANCELAR - Parte I

DICAS 3104 -WEBDEV TUTORIAL 38 - 27-09-2020-11_00Hrs-DOM-Licao 3.3. CRIANDO CONTROLE BOTAO - VALIDAR - Parte J 

DICAS 3105 -WEBDEV TUTORIAL 39 - 28-09-2020-09_00Hrs-SEG-Licao 3.3. UPLOAD - GERENCIANDO A IMAGEN DO PRODUTO - Parte L

DICAS 3106 -WEBDEV TUTORIAL 40 - 29-09-2020-09_00Hrs-SEG-Licao 3.3. - PageDisplay - Exibindo formulario lista produtos - Parte M

DICAS 3107 -WEBDEV TUTORIAL 41 - 30-09-2020-09_00Hrs-QUA-Licao 3.3. - HSAVE - ADICIONAR NOVO PRODUTO - Parte N

DICAS 3108 -WEBDEV TUTORIAL 42 - 30-09-2020-09_30Hrs-QUA-Licao 3.3. MODIFICAR MENU Parte O

DICAS 3109 -WEBDEV TUTORIAL 43 - 30-09-2020-09_30Hrs-QUA-Licao 3.3. VERIFICANDO ADICAO DO PRODUTO Parte P

DICAS 3110 -WEBDEV TUTORIAL 44 - 01-10-2020-09_00Hrs-QUI-Licao 4.1. VISAO GERAL - PARTE A

DICAS 3111 -WEBDEV TUTORIAL 45 - 01-10-2020-09_30Hrs-QUI-Licao 4.2. EXIBIR PAGINA AWP - PARTE A

DICAS 3112 -WEBDEV TUTORIAL 46 - 01-10-2020-10_00Hrs-QUI-Licao 4.3. CRIACAO PAGINA MODO AWP - PARTE A

DICAS 3113 -WEBDEV TUTORIAL 47 - 01-10-2020-10_30Hrs-QUI-Licao 4.3. AWP - LISTA NOVOS PRODUTOS - PARTE B

DICAS 3114 -WEBDEV TUTORIAL 48 - 01-10-2020-11_00Hrs-QUI-Licao 4.3. AWP - LOOPER - IMAGEN - PARTE C

DICAS 3115 -WEBDEV TUTORIAL 48 - 01-10-2020-11_30Hrs-QUI-Licao 4.3. AWP - LOOPER - LINK - STATIC - PARTE D

DICAS 3116 -WEBDEV TUTORIAL 50 - 01-10-2020-12_00Hrs-QUI-Licao 4.3. AWP - LOOPER - ATRIBUTOS - PARTE E

DICAS 3117 -WEBDEV TUTORIAL 51 - 02-10-2020-09_00Hrs-SEX-Licao 4.3. AWP - LOOPER - PROGRAMACAO - PARTE F

DICAS 3118 -WEBDEV TUTORIAL 52 - 02-10-2020-09_00Hrs-SEX-Licao 4.3. AWP - VISUALIZANDO DETALHES DE UM NOVO PRODUTO- PARTE G

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

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

PlayList WebDev tutorial Amarildo Webdev

https://www.youtube.com/playlist?list=PLwJwZaqiZW-m1VKca0Ju9xWGT1rFus7ku

Playlist Windev Tutorial Amarildo Windev

https://www.youtube.com/playlist?list=PLwJwZaqiZW-lxU1XF0M0htb5S5f8pavuE

Playlist windev Franca PcSoft

https://www.youtube.com/watch?v=I6OYUmmJOMU&list=PLI6fRsLPTA4gjevtou2V2qCLDo2w2i4bM

Amarildo

http://www.amarildomatos.com.br/

Windev

https://www.windev.com/

WxSolucoes

http://www.wxsolucoes.com.br/

Matos Informatica

http://www.matosinformatica.com.br/

Repositorio Windev

https://repository.windev.com/

Site forum Google 

https://groups.google.com/forum/?oldui=1&oi=1#!forum/amarildowindev

Video sobre 3 Mil Videos Windev 

https://youtu.be/3DshsXJ8I2M

PlayList Pedrosao

https://www.youtube.com/watch?v=ASY7T3Tt0sY&list=PLYgB8kapIj5-yeSTIQdHbzeY_lEaSJpg9

Video sobre Alfaserver servidor 

https://youtu.be/EqnYJFpvPAI

Ultimo Video manipulacao arquivos

https://youtu.be/jpDiUW806zk

---

---

ErpMatos - TgsSistemas

skype:amarildo.matos.informatica

email: amarildo.matos@gmail.com

whats: 51984197742

Youtube: Amarildo Matos

http://www.amarildomatos.com.br

https://groups.google.com/forum/#!forum/amarildowindev

www.windev.com

https://www.pcsoft.fr/webinaires.htm?p=forumpcs

https://forum.pcsoft.fr/fr-FR/pcsoft.br.windev/page/1.awp

https://www.windev.com/windev/WD-Express.htm

https://www.windev.com/windevmobile/WM-Express.htm

http://windevdesenvolvimento.blogspot.com.br/2017/07/menu-blog.html

---

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).
     
  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).
     
     
     

     	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).
     
  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