Componentes básicos foundation-components

Imagem

• Imagem

  Arraste uma imagem do localizador de conteúdo ou clique para abrir uma janela de navegação, onde é possível carregar uma imagem. Após carregar a imagem, você pode recortar a imagem, girá-la ou excluí-la. Para ampliar e reduzir a imagem, use a barra de rolagem abaixo da imagem (acima dos botões OK e Cancelar)

• Cortar

  Recorte uma imagem. Arraste a borda para recortar a imagem.

• Girar

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

• Limpar
  Remova a imagem atual.

Avançado

• Título

  O componente da Imagem adaptativa não utiliza essa propriedade.

• Alternar texto

  O texto alternativo a ser usado para a imagem.

• Vincular ao

  O componente da Imagem adaptativa não utiliza essa propriedade.

• Descrição

  O componente da Imagem adaptativa não utiliza essa propriedade.

Carrossel

Aqui você especifica como o carrossel opera:

• Reproduzir velocidade

  O tempo em milissegundos antes do próximo slide ser exibido.

• Tempo de transiçã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, os botões Anterior/Próximo, os comutadores Superior direito.

Lista

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

• Criar uso da lista

  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).

  Observe que não importa qual o método escolhido, cada página que você incluir na lista deve ter uma imagem associada à página. É essa imagem que será exibida no carrossel. Se não houver imagem para uma determinada página nas Propriedades da página, você deverá associar uma imagem à página antes de começar, caso contrário, o carrossel exibirá uma página em branco (ou em sua maioria em branco). Consulte Editar as propriedades da página.

  Dependendo do item que você escolher, um novo painel será exibido:

  • Opções de páginas filho

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

  • Opções de lista fixa

    • Páginas
      Selecione uma lista de páginas. Utilização
      + para adicionar mais entradas e os botões para cima/para 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 do predicativo do Querybuilder

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

      Consulte API do QueryBuilder para uma discussão completa de expressões de query e mais exemplos.

• Ordenar por

  Selecionar jcr:title, jcr:created, cq:lastModifiedou cq:template no menu suspenso.

• Limite

  O número máximo de itens que você gostaria de usar no carrossel; isso é opcional.

Dados

• Dados do gráfico

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

Avançado

• Tipo de gráfico

  Selecione a partir do Gráfico de pizza, do Gráfico de linhas e do Gráfico de barras.

• Texto alternativo

  O texto alternativo é exibido em vez do gráfico.

• Largura

  Largura do gráfico em pixels.

• Altura

  Altura do gráfico em pixels.

Download

• Descrição

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

• Arquivo

  Arquivo disponível para download na página da Web resultante. Arraste um ativo do localizador de conteúdo ou clique na área para fazer upload do arquivo que estará disponível para download.

Externo

• Aplicativo de destino

  Especifique o URL da aplicação Web a ser integrada; por exemplo:

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

• Enviar parâmetros

  Marque a caixa com parâmetros a serem enviados para o aplicativo, quando necessário.

• Largura e altura

  Definir o tamanho do iframe

Flash

• Filme em flash

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

• Tamanho

  Dimension em pixels da área de exibição contendo o filme.

Imagem alternativa

Uma imagem alternativa a ser mostrada

Avançado

• Menu de contexto

  Indica se o menu de contexto deve ser mostrado 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 Adobe necessária para executar o filme. O padrão é 9.0.0.

• Atributos

  Quaisquer atributos necessários.

Mapa

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

Cortar

Selecione Recortar para recortar uma imagem. Use o mouse para recortar a imagem.

Girar

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

Limpar

Remova a imagem atual.

Título

O título da imagem.

Alternar texto

Um texto alternativo para usar na criação de conteúdo acessível.

Vincular ao

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 uso da lista

  Aqui, você especifica onde a lista recuperará seu conteúdo. Existem vários métodos:

• Dependendo do item que você escolher, um novo painel será exibido:

  • Opções de páginas filho

    • Filhos de (Página principal)

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

  • Opções de lista fixa

    • Páginas

      Selecione uma lista de páginas. Use + para adicionar mais entradas e os botões Para cima/Para 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 do predicativo do Querybuilder

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

      Consulte API do QueryBuilder para uma discussão completa de expressões de query e mais exemplos.

  • Tags

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

• Exibir como

  Como deseja que os itens sejam listados; inclui links, teasers e notícias.

• Ordenar por

  Se a lista deve ser ordenada e, se assim for, 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.

• Ativar feed

  Indica se um feed RSS deve ser ativado na lista.

• Paginar após

  Aqui, você pode especificar o número de itens da lista a serem exibidos ao mesmo tempo. Uma lista com mais itens do que o especificado usará a paginação para exibir a lista em várias porções.

Fazer Logon

• Rótulo da seção

  Texto de lead 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 para o botão de logon.

• Redirecionar para

  Você pode especificar a página em seu site que deve ser aberta assim 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 for restrita ao 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 da estatística

  O texto exibido acima dos resultados da pesquisa.

• Nenhum texto de resultados

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

• Verificar a ortografia do texto

  Se alguém inserir um termo semelhante, esse texto será exibido antes do termo.

  Por exemplo, se você digitar geometrixxe, o sistema exibirá "Você quer dizer? geometrixx".

• Texto de páginas semelhantes

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

• Texto de pesquisa relacionada

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

• Pesquisar texto de tendências

  O título acima dos termos de pesquisa inseridos pelos usuários.

• Rótulo de Páginas de Resultado

  O texto que aparece na parte inferior da 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 onde a listagem deve começar.

Slides

• Novo slide

  Você pode especificar uma seleção de slides usando o Adicionar e Remover).

• Título

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

Avançado

• Tamanho

  Especifique a largura e a altura em pixels.

Tags a exibir

Onde as tags a serem exibidas são coletadas. Selecione de uma página, uma página com todas as páginas filhas ou com todas as tags.

Página

Selecione a página que será referenciada.

Não há links nas tags

Se as tags exibidas devem agir como links.

Estilos de componentes (Estilos)

Aqui, você pode alinhar à esquerda ou à direita da imagem. O padrão é Left alinhado, com a imagem à esquerda.

Propriedades da imagem (Propriedades avançadas de imagem)

Permite que você especifique o seguinte:

• Ativos da imagem

  Carregue a imagem desejada.

• Título

  O título do bloco; será exibido ao passar o mouse.

• Alternar texto

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

• Vincular para

  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 deve funcionar como um link.

Tipo/tamanho
Selecione Pequeno ou Grande na lista suspensa. Pequeno é gerado como uma imagem. Grande é gerado como texto.

Vídeo

• Ativo de vídeo

Faça upload ou solte o ativo de vídeo.

• Tamanho

  O tamanho nativo do vídeo (largura x altura em pixels) será exibido nas caixas ao lado do Tamanho (veja acima). Insira manualmente as dimensões de largura e altura aqui, caso deseje substituir as dimensões nativas do vídeo. Clique em OK para fechar a caixa de diálogo.

Controle de coluna

• Layout da coluna

  Selecione o número de colunas que você deseja renderizar. Depois de criadas, 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, downloads e assim por diante.

Elementos e campos de formulário

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

Componentes de perfil

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

Título e texto

Aqui é necessário especificar informações básicas, como o título do formulário e qualquer texto que o acompanha. Quando apropriado, também permite definir outras informações importantes, como se o campo é de seleção múltipla e se os itens estão disponíveis para seleção.

Valores iniciais

Permite especificar um valor padrão.

Restrições

Aqui, é possível especificar se um campo é obrigatório e se as restrições de local estão no campo (por exemplo, deve ser numérico e assim por diante).

Estilo

Indica o tamanho e estilo dos campos.

Título e texto

• Nome do elemento

  Nome do elemento de formulário. Isso indica onde os dados são armazenados no repositório.

  Este é um campo obrigatório e deve conter apenas os seguintes caracteres:

  • caracteres alfanuméricos
  • _ . / : -

• Título

  O título exibido com o campo. Caso deixado em branco, o título padrão será exibido.

• Descrição

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

• Exibir / Ocultar

  Determina quando o campo é 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 inserido qualquer informação.

Restrições

• Obrigatório

  Depende do tipo de componente de formulário, mas fornece uma ou mais caixas de clique para indicar que esse campo, ou determinadas partes dele, é/são necessários.

• Mensagem obrigatória

  Uma mensagem para informar os usuários que esse campo é obrigatório; um campo obrigatório também será sinalizado com e 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 os 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 suas informações. Caso deixado em branco, o formulário será exibido novamente após o envio.

• Iniciar fluxo de trabalho
  Determina qual fluxo de trabalho é acionado após o envio do formulário.

Avançado

• Tipo de ação
  Um formulário precisa de uma ação. A ação define a operação acionada para execução com os dados enviados pelo usuário (semelhante a action= in HTML). Alguns precisam de um
  Configurações de ação.

  Uma seleção de tipos de ação está incluída em uma instalação de AEM padrão:

  • Solicitação de conta

  • Criar conteúdo

  • Criar cliente em potencial

  • Criar e atualizar a conta

  • Serviço de e-mail: Criar assinante e adicionar à lista

  • Servio de e-mail: enviar e-mail de resposta automática

  • Serviço de e-mail: cancelar a inscrição do usuário da lista

  • Editar comunidade

  • Editar recursos

  • Editar recursos controlados pelo fluxo de trabalho

  • Email

  • Detalhes do pedido feito

  • Atualização do perfil

  • Redefinir senha

  • Definir senha

  • Armazenar conteúdo

    Esse é o tipo de ação padrão.

  • Armazenar conteúdo com os uploads

  • Enviar Ordem

  • Cancelar assinatura do assinante

  • Atualizar a ordem

• Identificador de formulário

  O identificador de formulário identifica-o exclusivamente. 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 do formulário.

  Este é 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 Carregar caminho é possível pré-carregar o formulário com valores nos campos obrigatórios. Consulte Pré-carregar valores do formulário.

• Validação do cliente

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

• Tipo de recurso de validação

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

  • Um script de validação do cliente:

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

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

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

• Configurações 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 a página de conta

      A página usada ao criar uma nova conta.

  • Criar conteúdo

    • Caminho do conteúdo

      O caminho do conteúdo para qualquer conteúdo que o formulário acumule. Insira 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 desejada na lista.

    • Tipo de recurso

      Se definido, isso será adicionado a cada comentário como sling:resourceType

    • Exibir seletor

  • Criar cliente em potencial

    • O cliente em potencial será adicionado a esta lista

      Especifique a lista de lead necessária.

  • Criar e atualizar a conta

    • Grupo inicial

      Grupo para atribuir um novo usuário.

    • Início

      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…

      Clique nesse botão para acessar as informações sobre os resultados do formulário no editor em massa. A partir daqui, você pode exportar as informações para um .tsv (separado por tabulações) (para uso, por exemplo, em uma planilha do Excel).

  • Email

    • De

      Insira o endereço de email para origem do email.

    • Mailto

      Insira os endereços de email para os quais o formulário será enviado.

    • CC

      Insira os endereços de email CC.

    • BCC

      Insira os 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 do conteúdo para qualquer conteúdo que o formulário acumule. Insira 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 acessar as informações sobre os resultados do formulário no editor em massa. Aqui, é possível exportar as informações para um arquivo .tsv (separado por tabulações) (para ser usado, por exemplo, em uma planilha do Excel).

  • Armazenar conteúdo com os uploads

    Isso tem as mesmas opções que Armazenar conteúdo.

  • Cancelar assinatura do assinante

    • O cliente em potencial será excluído da lista

      Especifique a lista de lead necessária.

Fim do formulário

• Mostrar botão enviar

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

• Enviar nome

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

• Enviar título

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

• Mostrar botão de redefinição

  Marque a caixa de seleção para tornar o botão Redefinir visível.

• Redefinir título

  O nome que aparece no botão Redefinir.

• Descrição

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

Campo de tag

• Namespaces permitidos

  • Geometrixx Outdoors
  • Fluxo de trabalho
  • Fórum
  • Fotografia de bancos de dados
  • Geometrixx Media
  • Tags padrão
  • Marketing
  • Propriedades do ativo

• Largura em pixels

• Tamanho do popup