segunda-feira, 19 de outubro de 2020

DICAS 3152 -WEBDEV TUTORIAL 86 - 01-11-2020-10_00Hrs-Licao 5.4 - IDIOMA - LOCALIZANDO IMAGEN MENU - PARTE B



https://youtu.be/5HIkBL6p_Nc


Bom Dia Boa Tarde Boa Noite

Seja Membro do Canal

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

DICAS 3152 -WEBDEV TUTORIAL 86 - 01-11-2020-10_00Hrs-Licao 5.4 - IDIOMA - LOCALIZANDO IMAGEN MENU - PARTE B 

ASSUNTOS


Localizando uma imagem
Selecionando a imagen do template 
Mudando Imagen para cada idioma
Traduzindo Lista produtos no menu Template
Traduzindo Adiciona Produtos
Traduzinho Contatos
Sicronizando Template 
Proxima Licao : Localizando Controles 


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











Localizando uma imagem

  • Para alterar a imagem do logotipo usada na página PAGE_List_of_products de acordo com a linguagem de tempo de execução:
    1. Abra a página "PAGE_List_of_products" se necessário.
    2. A imagem do logotipo é encontrada no modelo associado à página. Portanto, o modelo de página associado deve ser aberto:
      • Clique no logotipo e exiba o menu pop-up.
      • Selecione "Abrir o modelo".
        Menu usado para abrir o modelo
      • O modelo de página é exibido, circundado por uma borda laranja.
    3. Exiba a janela de descrição do logotipo (clique duas vezes no controle).
    4. Na guia "Geral", à direita da seção "Imagem", clique em Menu de controleSelecione "Multilíngue" no menu exibido.
    5. A janela para gerenciar imagens multilíngues é exibida.
      Edição multilíngue
    6. Uma imagem diferente pode ser usada para cada idioma:
      • Clique no Menu de controlebotão.
      • Selecione "Navegar" no menu exibido.
      Este recurso é muito útil se você usar imagens que contenham texto. A mesma imagem é usada em nosso caso.
    7. Valide a janela para edição multilíngue.
    8. Feche a janela de descrição do controle.
  • Como estamos localizados no template da página, aproveitaremos para traduzir a opção de menu "Lista de produtos".

Localizando o menu

As opções do menu podem ser traduzidas como os outros controles por meio da janela de descrição da opção ou do editor de página.
  • Em nosso exemplo, vamos traduzir a opção "Lista de produtos".
    1. Selecione e clique no menu encontrado no modelo de página.
    2. O menu se torna editável e uma borda amarela é exibida.
    3. Selecione a opção "Lista de produtos".
    4. Exibir a janela de descrição da opção: exibir o menu pop-up e selecionar "Descrição da opção".
    5. Na janela de descrição, digite a opção em francês: "Liste des produits".
    6. Validar.
As opções também podem ser traduzidas no editor de página.
  • Para traduzir a opção "Adicionar um produto":
    1. No painel "Exibir", no grupo "Opções", expanda "Idioma exibido" e selecione o idioma a ser exibido no editor (francês no nosso caso).
    2. As opções do menu são exibidas no idioma selecionado. Se nenhuma tradução corresponder ao idioma selecionado, as opções do menu serão exibidas em inglês.
    3. Selecione a opção "Adicionar um produto".
    4. Pressione a tecla Espaço no teclado: a legenda se torna editável.
    5. Digite a legenda em francês: "Ajouter un produit".
    6. Pressione Enter para validar a legenda.
    7. Pressione Esc para sair do modo de edição.
    8. Salve o modelo de página ( Salve o elementoou Ctrl + S).
    9. Restaure o modo de exibição em inglês: no painel "Exibir", no grupo "Opções", expanda "Idioma exibido" e selecione "Inglês".
    10. Atualize as páginas que usam o modelo de página clicando no Propagar modificações do modelo de páginaícone na barra laranja. Valide a janela de atualização.
    11. Fe


Teste

Teste
teste