quarta-feira, 23 de setembro de 2020

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

https://youtu.be/akopZ-EetCM


Bom Dia Boa Tarde Boa Noite

Esse Ao Vivo vai estrear as 11:00 do dia 01/10/2020-QUI

DICAS 3114 -WEBDEV TUTORIAL 48 - 01-10-2020-11_00Hrs-QUI-Licao 4.3. AWP - LOOPER - IMAGEN - PARTE C
Lição 4.3. Criação de páginas no modo AWP

ASSUNTOS

EXPLICANDO O QUE TERA NO LOOPER 
CRIACAO DE CONTROLES DENTRO LOOPER 
criar o controle de imagem:
Exibição da imagem: selecione "Homotética
Sem ampliação da imagem
Centralize a imagem no controle
Explicando Alta qualidade
Proxima Aula - Para criar o controle de link


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





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


Criação de controles dentro do controle Looper
  • Para criar o controle de imagem:
    1. No painel "Criação", no grupo "Controles usuais", clique em "Imagem". O controle criado atualmente aparece sob o mouse.
    2. Passe o mouse sobre a primeira linha: uma borda verde aparece, permitindo que você veja a área disponível.
    3. Clique no canto superior esquerdo da primeira linha no controle Looper. O controle de imagem é criado.
      Criando um controle Image no controle Looper
    4. Abra a janela de descrição do controle de imagem (clique duas vezes) para modificar as características do controle.
    5. Modificar:
      • o nome do controle: IMG_Visual.
      • o modo de exibição da imagem: selecione "Homotética" e marque "Sem ampliação da imagem" e "Centralize a imagem no controle".
      • o modo de transformação da imagem. Em nosso caso, a imagem do produto é armazenada em formato de memo em um item do arquivo de dados do produto. Escolha uma transformação calculada no servidor para otimizar a largura de banda e marque "Alta qualidade".
    6. Va

Postado por às Nenhum comentário:
Marcadores: , , , , , , ,

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


https://youtu.be/Q0Lvjav6TTs


Bom Dia Boa Tarde Boa Noite

Esse Ao Vivo vai estrear as 10:30 do dia 01/10/2020-QUI

DICAS 3113 -WEBDEV TUTORIAL 47 - 01-10-2020-10_30Hrs-QUI-Licao 4.3. AWP -Looper- LISTA NOVOS PRODUTOS - PARTE B
Lição 4.3. Criação de páginas no modo AWP


ASSUNTOS

Criando pagina Lista Novos produtos
mudado tipo de Session para Awp 
Criando o controle Looper
Looper por Programacao 
Explicando proximo passo 


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





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


Criação de uma página no modo AWP usada para listar novos produtos
Vamos agora criar uma página para listar os novos produtos do projeto "Full_WEBDEV_Site". Esta página será uma página de "Demonstração" e poderá ser acessada via Internet. Esta página deve ser referenciada na Internet, portanto, deve usar o modo de geração AWP.

Criação da página

  • Para criar uma página usada para listar novos produtos:
    1. Crie uma nova página:
      • Clique Crie um elementoentre os botões de acesso rápido.
      • A janela de criação de elemento aparece: clique em "Página" e depois em "Página".
      • No assistente de criação de página, clique na página predefinida "Única".
        Criação de uma nova página
      • Certifique-se de que a opção "Criar: uma página e seu modelo" esteja marcada.
      • Valide o assistente.
    2. A nova página é exibida no editor. A janela de salvamento é exibida.
    3. Digite o título da página: "Lista de novos produtos". O nome da página ("PAGE_List_of_new_products") é proposto automaticamente.
    4. Validar.
  • A página foi criada com os controles propostos por padrão. Exclua esses controles:
    1. Selecione os controles encontrados na página (pressione Ctrl + A).
    2. Exclua os controles (tecla Del).
  • Esta página deve ser referenciável. Para isso, deve ser gerado no modo AWP:
    1. Abra a janela de descrição da página: exiba o menu pop-up e selecione "Descrição".
    2. Vá para "Geral", "Tipo de página", "Modo" e selecione "AWP".
      Selecionando o modo AWP
    3. Validar.
    4. Salve as modificações clicando Salvar um elementoentre os botões de acesso rápido.

Criação da lista de novos produtos

Vamos mostrar a lista de novos produtos. Para fazer isso, usaremos um controle Looper. Já explicamos na parte anterior como criar este tipo de controle sem programação, por meio do assistente. Nesta página, o controle Looper será preenchido por programação.
Criando o controle Looper
  • Para criar o controle Looper:
    1. No painel "Criação", no grupo "Dados", expanda "Looper" e selecione "Looper". O controle criado atualmente segue o movimento do mouse.
    2. Clique no canto superior esquerdo da página: o assistente de criação do controle Looper é iniciado.
    3. No assistente, selecione "Desejo preencher o controle Looper programando".
      Assistente de criação de controle de looper
      Vá para a próxima etapa.
    4. Na próxima etapa, vamos selecionar parâmetros adicionais para criar o controle Looper:
      • O controle Looper está no modo Clássico: todos os dados serão exibidos ao carregar a página.
        Selecione o modo de operação "Clássico".
      • O controle Looper usa um número ilimitado de linhas. Na verdade, todos os produtos devem estar acessíveis diretamente na página. A página será ampliada para exibir todos os produtos.
        Selecione "Sem limite" em "Número máximo de linhas por página".
        Assistente de criação de controle de looper
    5. Vá para a próxima etapa. Vamos configurar os parâmetros de exibição.
      • Mantenha a direção de exibição proposta: número fixo de colunas, preencha a linha.
      • O controle Looper exibirá os novos produtos em 5 colunas.
        Na área "Número de colunas", substitua 1 por 5.
    6. Vá para a próxima etapa.
    7. A última etapa é usada para especificar o nome do controle (LOOP_NewProducts por exemplo).
    8. Valide o assistente. O controle Looper é criado automaticamente na página.
O controle Looper criado está vazio. O WEBDEV materializa a célula principal (aquela que será editada) com uma linha contínua e as demais com uma linha pontilhada.
  • Com as alças, reduza a largura da célula principal para que as 5 células se ajustem à largura da página.
    Controle do looper no modo de edição na página
Agora vamos criar os diferentes controles que serão exibidos no controle Looper.
Cada linha exibirá:
  • Um controle de imagem usado para exibir a imagem do produto.
  • Um controle Link usado para exibir o nome do produto e abrir o formulário detalhado.
  • Um controle estático usado para armazenar o identificador do produto.
Vamos criar esses controles diferentes e programar a operação de preenchimento para o controle Looper.
C



Postado por às Nenhum comentário:
Marcadores: , , ,
Assinar: Postagens (Atom)

Teste

Teste
teste