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











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

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











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



Teste

Teste
teste