Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

...

Banner: configura as propriedades gerais do componente.

Painel
  • Habilitar container?: configuração de largura do componente. Se estiver desabilitado o container, o componente será redimensionado conforme a largura da tela, independentemente do dispositivo. Se o container foi habilitado, a largura máxima irá obedecer às medidas apresentadas nesse quadro.
  • Setas: indica se as setas devem ser apresentadas nas laterais dos banners.
  • Bullets: indica se as bullets devem ser apresentadas na parte inferior dos banners.
  • Máscara: indica se o efeito máscara deve ser empregado, para passar maior destaque ao texto do banner.
  • Altura: configura a altura dos banners. Caso as imagens sejam maiores do que a altura reservada para os banners, elas são automaticamente redimensionadas para se adequarem à altura definida. Caso a imagem seja muito pequena, ela pode ficar distorcida.
  • Intervalo de transição: intervalo de transição automática dos banners, em milissegundos. Por padrão, o tempo é de 5000 milissegundos (5 segundos).

Composição de banner: adiciona, remove ou configura os banners que devem ser apresentados.

Painel

 Se for incluído mais de um banner, a visualização deles é alternada automaticamente a cada 5 segundosconforme o intervalo de transição. Para cada banner é necessário configurar:

  • Conteúdo: indica se o conteúdo do banner será de imagem ou vídeo. Tanto a imagem quanto o vídeo devem ser arquivos da galeria ou do próprio dispositivo. Os formatos aceitos de imagem são: JPG, JPEG, GIF ou PNG, e de vídeo são: MP4 ou OGG. Caso o vídeo tenha mais de 5 segundos de duração e tenha duração maior que o intervalo de transição e tenham sido incluídos mais banners a apresentar, a visualização do vídeo será interrompida, para dar lugar ao próximo banner.
  • Título: título do banner.
  • Subtítulo: descrição que deve ser apresentada abaixo do título.
  • Cor do texto: configura a cor do texto de cada banner.
  • Alinhamento horizontal: indica o alinhamento horizontal do título e do subtítulo. Pode ser alinhado à esquerda, centralizado ou à direita.
  • Alinhamento vertical: indica o alinhamento vertical do título e do subtítulo. Pode ser alinhado acima, centralizado ou abaixo.
  • Adicionar item: essa opção permite adicionar botões ao banner, e esses botões direcionam para outros endereços web. Cada item tem a seguinte configuração:
    • URL: endereço web que será aberto ao acionar o botão.
    • Abrir em uma nova aba?: indica se o endereço deve ser aberto em uma nova aba ou na atual.
    • Texto: configura o label do botão.
    • Cor do texto: configura a cor do label do botão.
    • Cor do botão: configura a cor que deve ser apresentada para o botão.