Componentes de fundação foundation-components

Configurar propriedades

Editar conteúdo

Editar conteúdo - Modo de tela cheia

Imagem

• Imagem
  Arraste uma imagem do localizador de conteúdo ou clique para abrir uma janela de navegação onde você pode carregar uma imagem. Depois que a imagem for carregada, você poderá recortá-la, girá-la ou excluí-la. Para ampliar e reduzir a imagem, use a barra deslizante abaixo da imagem (acima dos botões OK e Cancelar)

• Cortar
  Recortar parte de uma imagem. Arraste a borda para cortar a imagem.

• Girar
  Clique em Girar repetidamente até que a imagem seja girada conforme desejado.

• Limpar
  Remover a imagem atual.

Avançado

• Título
  O componente de Imagem adaptável não usa essa propriedade.

• Texto Alternativo
  O texto alternativo a ser usado para a imagem.

• Vincular a
  O componente de Imagem adaptável não usa essa propriedade.

• Descrição
  O componente de Imagem adaptável não usa essa propriedade.

Carrossel
Aqui você especifica como o carrossel opera:

• Reproduzir velocidade
  O tempo em milissegundos antes do próximo slide é exibido.
• Tempo de transição
  O tempo em milissegundos para a transição entre dois slides.
• Estilo dos controles
  Várias opções estão disponíveis em um menu suspenso; por exemplo, Botões Anterior/Avançar, Comutadores Superior-Direito.

Lista

Aqui você especifica como as páginas são incluídas no carrossel:

• Criar lista usando
  Há várias maneiras de criar uma lista de páginas - Páginas secundárias, Lista fixa, Pesquisa ou Pesquisa avançada (todas descritas abaixo).
  Independentemente do método escolhido, as páginas incluídas na lista devem ter, cada uma, uma imagem associada à página. Essa imagem é exibida no Carrossel. Se não houver imagem para uma determinada página nas Propriedades da página, você deve associar uma imagem à página antes de começar. Caso contrário, o Carrossel exibe uma página em branco. Consulte Editando Propriedades Da Página.
  Dependendo do item escolhido, um novo painel será exibido:

  • Opções para Páginas Secundárias

    • Página pai
      Especifique um caminho manualmente ou usando o seletor. Deixe em branco para utilizar a página atual como principal.

  • Opções da Lista Fixa

    • Páginas
      Selecione uma lista de páginas. Use + para adicionar mais entradas e os botões para cima/baixo para ajustar a ordem.

  • Opções de Pesquisa

    • Iniciar em
      Insira um caminho inicial manualmente ou usando o seletor.

    • Pesquisar consulta
      Você pode inserir uma consulta de pesquisa de texto simples.

  • Opções de Pesquisa Avançada

    • Notação de predicado do Querybuilder
      Você pode inserir uma consulta de pesquisa usando a notação de predicado do Querybuilder. Por exemplo, você pode digitar "fulltext=Marketing" para que todas as páginas com "Marketing" em seu conteúdo sejam exibidas no Carrossel.
      Consulte a API do QueryBuilder para obter uma discussão completa sobre expressões de consulta e mais exemplos.

• Solicitar por
  Selecione jcr:title, jcr:created, cq:lastModified ou cq:template no menu suspenso.

• Limite
  Opcional. O número máximo de itens que você deseja usar no Carrossel.

Dados

• Dados do gráfico
  Insira os dados do gráfico usando o formato CSV; o formato de Valores separados por vírgula usa vírgulas (",") como separador de campo.

Avançado

• Tipo de gráfico
  Selecione entre Gráfico de Pizza, Gráfico de Linhas e Gráfico de Barras.

• Texto alternativo
  Exibe texto alternativo em vez do gráfico.

• Largura
  A largura do gráfico em pixels.

• Altura
  A altura do gráfico em pixels.

Download

• Descrição
  Uma breve descrição é exibida com o link de download.

• Arquivo
  O arquivo está disponível para download na página da Web resultante. Arraste um ativo do localizador de conteúdo ou selecione a área para fazer upload do arquivo que deseja disponibilizar para download.

Externo

• Aplicativo de destino
  Especifique o URL do aplicativo Web a ser integrado; por exemplo:

  code language-none
  https://en.wikipedia.org/wiki/Main_Page

• Passar parâmetros
  Marque a caixa para que os parâmetros sejam passados para o aplicativo quando necessário.

• **Largura e altura
  **Defina o tamanho do iframe

Flash

• Flash filme

  O arquivo de filme flash. Arraste um ativo do localizador de conteúdo ou clique em para abrir uma janela de navegação.

• Tamanho

  Dimension em pixels da área de exibição que contém o filme.

Imagem alternativa

Uma imagem alternativa a ser mostrada

Avançado

• Menu de contexto

  Indica se o menu de contexto deve ser exibido ou oculto.

• Modo de janela

  Como a janela aparece, por exemplo, opaca, transparente ou como uma janela distinta (sólida).

• Cor do plano de fundo

  Uma cor de plano de fundo selecionada no gráfico de cores fornecido.

• Versão mínima

  A versão mínima do Flash Player de Adobe necessária para executar o filme. O padrão é 9.0.0.

• Atributos

  Quaisquer outros atributos necessários.

Mapa

Para mapear uma imagem, selecione Mapear. Você pode especificar como deseja criar o mapa de imagem (retângulo, polígono etc.) e onde a área deve apontar.

Cortar

Para recortar parte de uma imagem, selecione Cortar. Use o mouse para cortar a imagem.

Girar

Para girar uma imagem, selecione Girar. Use repetidamente até que a imagem seja girada da maneira desejada.

Limpar

Remover a imagem atual.

Título

O título da imagem.

Texto Alternativo

Um texto alternativo a ser usado ao criar conteúdo acessível.

Vincular a

Crie um link para ativos ou outras páginas no seu site.

Descrição

Uma descrição da imagem.

Tamanho

Define a altura e a largura da imagem.

Lista

• Criar lista usando

  Aqui você especifica onde a lista recupera o conteúdo. Há vários métodos:

• Dependendo do item escolhido, um novo painel será exibido:

  • Opções para Páginas Secundárias

    • Filhos de (Página Pai)

      Especifique um caminho manualmente ou usando o seletor. Deixe em branco para utilizar a página atual como principal.

  • Opções da Lista Fixa

    • Páginas

      Selecione uma lista de páginas. Use + para adicionar mais entradas e os botões para cima/baixo para ajustar a ordem.

  • Opções de Pesquisa

    • Começa em

      Insira um caminho inicial manualmente ou usando o seletor.

    • Pesquisar consulta

      Você pode inserir uma consulta de pesquisa de texto simples.

  • Opções de Pesquisa Avançada

    • Notação de predicado do Querybuilder

      Você pode inserir uma consulta de pesquisa usando a notação de predicado do Querybuilder. Por exemplo, você pode digitar "fulltext=Marketing" para que todas as páginas com "Marketing" em seu conteúdo sejam exibidas no Carrossel.

      Consulte a API do QueryBuilder para obter uma discussão completa sobre expressões de consulta e mais exemplos.

  • Tags

    Especifique a Página pai, Marcas/Palavras-chave e os critérios de correspondência necessários.

• Exibir como

  Como você deseja que os itens sejam listados; inclui Links, Teasers e Notícias.

• Solicitar por

  Se a lista deve ser ordenada e, em caso afirmativo, os critérios a serem usados para a classificação. Você pode inserir um critério ou selecionar um na lista suspensa fornecida.

• Limite

  Especifique o número máximo de itens que deseja exibir na lista.

• Habilitar Feed

  Indica se um feed RSS deve ser ativado para a lista.

• Paginar após

  Aqui você pode especificar o número de itens da lista a serem exibidos de uma vez. Uma lista com mais itens do que o especificado usa a paginação para exibir a lista em várias partes.

Fazer Logon

• Rótulo da seção

  Texto de lead-in para os campos de entrada.

• Rótulo do nome de usuário

  Texto para rotular o campo de nome de usuário.

• Rótulo da senha

  Texto para rotular o campo de senha.

• Rótulo do botão de logon

  Texto do botão de logon.

• Redirecionar para

  Você pode especificar a página do site que deve ser aberta depois que o usuário fizer logon.

Já está conectado.

• Continuar a etiqueta do botão

  Texto para indicar que o usuário já está conectado.

Título

• Título

  Especifique o texto do título que deseja exibir.

• Link

  Especifique a página (produto) para a qual o status do pedido deve ser exibido.

• Tipo/Tamanho

  Selecione a partir da seleção fornecida.

Referência do parágrafo

• Referência

  Especifique o caminho para a página e o parágrafo que deseja referenciar (inclua o conteúdo).

Pesquisar

• Tipos de nós

  Se a pesquisa deve ser restrita a um tipo de nó específico, liste-os aqui; por exemplo, cq:Page.

• Caminho para pesquisar em

  Especifique a página raiz da ramificação que deseja pesquisar.

• Texto do Botão de Pesquisa

  O nome exibido no botão de pesquisa real.

• Texto de Estatísticas

  O texto exibido acima dos resultados da pesquisa.

• Nenhum texto de resultados

  Se não houver resultados, o texto inserido aqui será exibido.

• Verificar Ortografia do Texto

  Se alguém inserir um termo semelhante, este texto será exibido antes do termo.
  Por exemplo, se você digitar Geometrixxe, o sistema exibirá "Você quis dizer? Geometrixx".

• Texto de Páginas Semelhantes

  O texto que é exibido ao lado de um resultado para páginas semelhantes. Para ver páginas com conteúdo semelhante, clique neste link.

• Texto de Pesquisas Relacionadas

  O texto que aparece ao lado das pesquisas por termos e tópicos relacionados.

• Texto de Tendências de Pesquisa

  O título acima dos termos de pesquisa que um usuário insere.

• Rótulo das Páginas de Resultado

  O texto que aparece na parte inferior desta lista com links para outras páginas de resultados.

• Rótulo Anterior

  O nome que aparece no link para as páginas de pesquisa anteriores.

• Próximo Rótulo

  O nome que aparece no link para as páginas de pesquisa subsequentes.

Mapa do site

• Caminho raiz

  Caminho de onde a listagem deve começar.

Slides

• Novo Slide

  Você pode especificar uma seleção de slides usando os botões Adicionar (e Remover).

• Título

  Especifique um título, se necessário. O título é sobreposto no slide apropriado.

Avançado

• Tamanho

  Especifique a largura e a altura em pixels.

Marcas a Serem Exibidas

De onde as tags a serem exibidas são coletadas. Selecione de uma página, uma página com todas as tags secundárias ou todas as tags.

Página

Selecione a página que será referenciada.

Nenhum link nas marcas

Se as tags exibidas devem agir como links.

Estilos de Componentes (Estilos)

Aqui você pode alinhar a imagem à esquerda ou à direita. O padrão é Esquerda alinhada, com a imagem à esquerda.

Propriedades da Imagem (Propriedades Avançadas da Imagem)

Permite especificar o seguinte:

• Ativos da imagem

  Carregue a imagem necessária.

• Título

  O título do bloco, mostrado por mouseover.

• Texto Alternativo

  Texto alternativo a ser mostrado se a imagem não puder ser exibida. Se deixado em branco, o título será usado.

• Vincular a

  Especifique um caminho de destino.

• Descrição

  Uma descrição da imagem.

• Tamanho

  Define a altura e a largura da imagem.

Título

Se quiser usar um nome diferente do título da página, insira-o aqui.

Link

O URI se o título for para operar como um link.

Tipo/Tamanho

Selecione Pequeno ou Grande na lista suspensa. O pequeno é gerado como uma imagem. Grande é gerado como texto.

Vídeo

• Ativo de vídeo

  Carregue ou solte seu ativo de vídeo.

• Tamanho

  O tamanho nativo do vídeo (largura x altura em pixels) é exibido nas caixas ao lado de Tamanho (veja acima). Insira manualmente as dimensões de largura e altura aqui se desejar substituir as dimensões nativas do vídeo. Selecionar OK ignora a caixa de diálogo.

Controle de coluna

• Layout da coluna

  Selecione o número de colunas que você deseja renderizar. Depois de criada, cada coluna tem seu próprio link para arrastar componentes ou ativos ao adicionar conteúdo.

Formulário

O componente de Formulário define o início e o fim de um novo formulário em uma página. Outros componentes podem ser colocados entre esses elementos, como tabelas e downloads.

Campos e elementos de formulário

Os campos e elementos de formulário podem incluir caixas de texto, botões de opção e imagens. O usuário geralmente conclui uma ação em um campo de formulário, como digitar texto. Consulte elementos de formulário individuais para obter mais informações.

Componentes do Perfil

Os componentes do perfil estão relacionados aos perfis de visitantes usados para colaboração social e outras áreas em que a personalização do visitante é necessária.

Título e texto

Aqui você deve especificar as informações básicas, como o título do formulário e qualquer texto que o acompanhe. Quando apropriado, também permite definir outras informações importantes, como se o campo é multisselecionável e se os itens estão disponíveis para seleção.

Valores iniciais

Permite especificar um valor padrão.

Restrições

Aqui você pode especificar se um campo é obrigatório e colocar restrições nesse campo (por exemplo, deve ser numérico).

Estilo

Indica o tamanho e o estilo dos campos.

Título e texto

• Nome do elemento

  Nome do elemento de formulário. Indica onde os dados estão armazenados no repositório.
  Este campo é obrigatório e deve conter apenas os seguintes caracteres:

  • caracteres alfanuméricos
  • _ . / : -

• Título

  O título exibido com o campo. Se deixado em branco, o título padrão é exibido.

• Descrição

  Permite fornecer informações adicionais ao usuário, se necessário. No formulário, ele é mostrado abaixo do campo, em uma fonte menor do que o título.

• Mostrar/Ocultar

  Determina quando o campo está visível.

Valores iniciais

• Valor padrão

  O valor exibido no campo quando o formulário é aberto. Ou seja, antes que o usuário tenha feito qualquer entrada.

Restrições

• Obrigatório

  As restrições dependem do tipo de componente de formulário, mas fornecem uma ou mais caixas de clique para indicar que este campo é obrigatório, ou determinadas partes deste campo, são obrigatórias.

• Mensagem necessária

  Uma mensagem para informar aos usuários que esse campo é obrigatório. Um campo obrigatório também é sinalizado com um asterisco.

• Restrição

  As restrições disponíveis para seleção dependem do tipo de componente de formulário.

• Mensagem de restrição

  Uma mensagem para informar aos usuários o que é necessário.

Estilo

• Tamanho

  Em linhas e colunas.

• Largura

  Em pixels.

• CSS

Formulário

• Página de Agradecimento

  A página a ser referenciada para agradecer aos visitantes por fornecer sua entrada. Se deixado em branco, o formulário será exibido novamente após o envio.

• Iniciar Fluxo de Trabalho

  Determina qual fluxo de trabalho será acionado depois que um formulário for enviado.

Avançado

• Tipo de ação

  Um formulário precisa de uma ação. A ação define a operação que é acionada para execução com os dados enviados pelo usuário (semelhante à ação= em HTML). Alguns precisam de uma Configuração de Ação correspondente.
  Uma seleção de tipos de ação está incluída em uma instalação padrão do AEM:

  • Solicitação de conta

  • Criar conteúdo

  • Criar cliente em potencial

  • Criar e atualizar a conta

  • Serviço de Email: Criar Assinante e adicionar à lista

  • Serviço de Email: Enviar email de resposta automática

  • Serviço de Email: Cancelar inscrição do usuário na lista

  • Editar Comunidade

  • Editar Recursos

  • Editar Recursos Controlados por Fluxo de Trabalho

  • Email

  • Detalhes do Pedido Feito

  • Atualização de perfil

  • Redefinir senha

  • Definir senha

  • Armazenar conteúdo

    O tipo de ação padrão.

  • Armazenar conteúdo com carregamentos

  • Enviar Pedido

  • Cancelar assinatura do Assinante

  • Atualizar Ordem

• Identificador de formulário

  O identificador do formulário identifica exclusivamente o formulário. Use o identificador de formulário se você tiver vários formulários em uma única página; verifique se eles têm identificadores diferentes.

• Carregar Caminho

  O caminho para as propriedades do nó usadas para carregar valores predefinidos nos campos de formulário.

  Um campo opcional que especifica o caminho para um nó no repositório. Quando esse nó tem propriedades que correspondem aos nomes dos campos, os campos apropriados no formulário são pré-carregados com o valor dessas propriedades. Se não houver correspondência, o campo conterá o valor padrão.

  Usando o Caminho de Carregamento, você pode pré-carregar o formulário com valores nos campos obrigatórios. Consulte Pré-Carregando Valores de Formulário.

• Validação do cliente

  Indica se a validação do cliente é necessária para este formulário (a validação do servidor sempre ocorre). A validação do cliente pode ser obtida com o componente Forms Captcha.

• Tipo de recurso de validação

  Define o tipo de recurso de validação de formulário se desejar validar o formulário inteiro (em vez de campos individuais). Se você estiver validando o formulário completo, inclua também um dos seguintes:

  • Um script para validação de cliente:

    /apps/<*myApp*>/form/<*myValidation*>/formclientvalidation.jsp

  • Um script para validação no lado do servidor:

    /apps/<*myApp*>/form/<*myValidation*>/formservervalidation.jsp

• Configuração de ação

  As opções disponíveis em Configuração de Ação dependem do Tipo de Ação selecionado:

  • Solicitação de conta

    • Criar página de conta

      A página usada ao criar uma conta.

  • Criar conteúdo

    • Caminho do conteúdo

      O caminho de conteúdo para qualquer conteúdo que o formulário despeja. Digite um caminho que termine com uma barra /. A barra significa que, para cada porta de formulário, um novo nó é criado no local determinado; por exemplo:

      /forms/feedback/

    • Tipo

      Selecione o tipo necessário.

    • Formulário

      Especifique o formulário.

    • Renderizar com

      Selecione a opção necessária na lista.

    • Tipo de recurso

      Se definido, ele é adicionado a cada comentário como sling:resourceType

    • Exibir seletor

  • Criar cliente em potencial

    • O lead foi adicionado a esta lista

      Especifique a lista de clientes potenciais necessária.

  • Criar e atualizar a conta

    • Grupo inicial

      Grupo ao qual atribuir o novo usuário.

    • Residência

      Página a ser exibida após o logon bem-sucedido.

    • Caminho

      O caminho (relativo) para onde a nova conta é criada e armazenada.

    • Exibir Dados…

      Selecionar esse botão acessa as informações sobre os resultados do formulário no Editor de itens em massa. Aqui, você pode exportar as informações para um arquivo .tsv (separado por tabulação) (para uso, por exemplo, em uma planilha do Excel).

  • Email

    • De

      Insira o endereço de email do qual o email deve vir.

    • Mailto

      Insira um ou mais endereços de email para os quais o formulário é enviado.

    • CC

      Insira um ou mais endereços de email CC.

    • CCO

      Insira um ou mais endereços de email CCO.

    • Assunto

      Insira um assunto para o email.

  • Redefinir senha

    • Alterar página de senha

      A página usada ao alterar a senha.

  • Armazenar conteúdo

    • Caminho do conteúdo

      O caminho de conteúdo para qualquer conteúdo que o formulário despeja. Digite um caminho que termine com uma barra /. A barra significa que, para cada porta de formulário, um novo nó é criado no local determinado; por exemplo:
      /forms/feedback/

    • Exibir Dados…

      Clique nesse botão para poder acessar as informações sobre os resultados do formulário no Editor de itens em massa. Aqui, é possível exportar as informações para um arquivo .tsv (separado por tabulação) (para uso em uma planilha do Excel, por exemplo).

  • Armazenar Conteúdo Com Carregamentos

    Tem as mesmas opções que Armazenar Conteúdo.

  • Cancelar assinatura do Assinante

    • O cliente em potencial foi excluído desta lista

      Especifique a lista de clientes potenciais necessária.

Fim do formulário

• Mostrar Botão Enviar

  Indica se um botão Enviar deve ser mostrado ou não.

• Enviar Nome

  Um identificador se estiver usando vários botões de envio em um formulário.

• Enviar Título

  O nome que aparece no botão, como Enviar ou Enviar.

• Mostrar botão de redefinição

  Marcar a caixa de seleção torna visível o botão Redefinir.

• Redefinir título

  O nome que aparece no botão Redefinir.

• Descrição

  Informações que aparecem abaixo do botão.

Campo de Marca

• Namespaces permitidos

  • Geometrixx Outdoors
  • Fluxo de trabalho
  • Fórum
  • Banco de imagens
  • Geometrixx Media
  • Marcas Padrão
  • Marketing
  • Propriedades do ativo
  • Largura em pixels
  • Tamanho do Popup