Suporte
EN PT ES
Wiki
Conteúdo
Discussão
Histórico
Backlinks

Como trabalhar com os estilos de GXportlets?

No design de sites feito em GXportal, é comum querermos reutilizar a estética de um GXportlet em outros do mesmo tipo. Podemos querer, por exemplo, que muitos dos GXportlets de conteúdo apresentem o mesmo design na hora de apresentar o título, a imagem principal e o resumo dos conteúdos.

Para resolver isso, oferecemos a possibilidade de definir estilos para cada tipo de GXportlet de modo que ao mudar alguma definição do estilo, essa alteração repercuta em todos os GXportlets que estiverem utilizando esse estilo.

A opção de trabalhar com estilos está no menu principal, dentro do grupo Design.



Dentro de cada grupo de GXportets estão os GXportlets pertencentes ao grupo e para cada GXportlet exibido, todos os estilos definidos. Inicialmente, cada GXportlet terá um estilo pré-determinado definido e, em alguns casos, terá outro estilo compatível com versões anteriores de GXportal.


Nesta interface, podemos criar novos estilos, alterar estilos existentes, excluir, copiar ou defini-los como pré-determinados para o GXportlet correspondente.
 


Criar um novo estilo

Para criar um novo estilo, selecionamos na árvore o tipo de GXportlet, ou seja, o nó onde os estilos estão definidos e, posicionados aí, pressionamos o botão “Novo”. Isso abrirá uma tela onde se pedirá o nome do estilo e depois poderemos configurar as propriedades dele.


Editar um estilo

Para editar um estilo, as propriedades devem ser alteradas à direita, da mesma forma que se faz para os GXportlets na páginas. Essas propriedades são herdadas em cada instância que o estilo estiver aplicado, a não ser que o usuário configure algo diferente na própria instância. O que significa que aquelas propriedades configuradas no GXportlet que está dentro de uma página tem maior relevância em relação às definidas no estilo.
Algumas propriedades não podem ser definidas nos estilos, são aquelas que estão instanciando um elemento em particular (um conteúdo que será exibido, conjuntos de imagens etc).


Definir um estilo como pré-determinado

Para definir um estilo como pré-determinado, é preciso selecionar o estilo da lista e clicar no botão “Pré-determinado”, da barra de ferramentas. Sempre que se acrescentar um GXportlet em uma página, inicialmente se utilizará a estética no estilo pré-definido.


Atribuir estilos aos GXportlets

Os estilos são atribuídos às instâncias dos GXportlets no designer, na propriedade Estilo.

Categorias:

    Wiki inicio
    Categorias
    Mudanças recentes
    TOUR
    Tutoriais
    Documentação
    EMPRESA
    Suporte
    © Todos os direitos reservados. GeneXus e seus produtos são marcas registradas de GeneXus S.A. | Política de privacidade | Informação para contato