Módulos Webform block e módulo highslide. Módulo de contatos em bloco.

Este tutorial está desatualizado:

Use melhor o módulo Colorbox node:

http://drupal.org/project/colorbox_node

A descrição do módulo contém instruções sobre como usá-lo.

Neste tutorial, exploraremos como criar formulários em blocos do site em Drupal. Para este tutorial, você precisará dos módulos Webform, Webform block, Contact form blocks, Contact (o módulo Contact vem integrado na distribuição do Drupal), e também tentaremos criar um formulário que aparece com um efeito visual atraente. Então, começamos com a configuração desses módulos. Comecemos criando um formulário de contatos. Vamos para Estrutura do site - Módulos e ativaremos o módulo Contact.

O formulário de contatos está disponível no endereço Nome_do_site/contact. Você pode adicionar contact à URL ou editar o formulário de contatos através do menu do administrador em Estrutura do site - Contatos.

Primeiro, você precisa adicionar uma categoria de contatos. Afinal, o site da empresa precisa enviar e-mails para gerentes, suporte técnico, diretor, e cada um deve ter sua própria categoria.

Preencha todos os campos com e-mail e resposta automática. Aqui você também pode selecionar se deseja exibir esta categoria por padrão, quando os clientes acessem o formulário de contatos para enviar uma mensagem.

Agora, se você acessar a página nome_do_site/contact (para sua conveniência, você pode adicionar um link para esta página no menu), poderá escrever uma mensagem:

Agora você precisa configurar as permissões para o módulo Contact, para que outros usuários do seu site também possam enviar mensagens através deste formulário. Acesse Gerenciamento de usuários - Permissões e defina permissões para usuários registrados e não registrados.

Agora os visitantes do site também podem enviar mensagens.

Vamos instalar o módulo Contact form blocks, para criar um formulário de contatos em um bloco.

Após instalar o módulo Contact Form Blocks, um bloco com o formulário de contatos deve aparecer entre os blocos disponíveis.

Você pode colocar o formulário de contatos na região de conteúdo do site, ou criar uma região adicional e colocar o bloco lá.

Webform

Agora vamos colocar o formulário de contatos em um bloco separado. Vamos instalar o módulo Webform block, para o qual também precisaremos do módulo Webform.

Vamos criar um novo formulário de contatos usando o módulo Webform. Você pode ler em tutoriais anteriores como criar formulários web usando Drupal webform.

Agora, graças ao módulo Webform form blocks, temos a capacidade de colocar o formulário em um bloco.

Salve a configuração, após isso um bloco com o novo formulário de contatos aparecerá na lista de blocos.

Highslide

Aprendemos como exibir o formulário de contatos em um bloco. Agora vamos tentar criar uma exibição do formulário com um efeito visual sobre a janela principal. Para isso, você pode usar o módulo pronto chamado Highslide. Para instalá-lo, você precisa instalar os módulos Imagecache e Image API. Antes de ativar o módulo, você precisa instalar a biblioteca highslide JS do site http://highslide.com/download.php  na pasta highslide/highslide. Se você baixou a biblioteca com exemplos, procure o arquivo highslide.js entre os arquivos - você só precisa copiar ele. O arquivo highslide.min.js também funcionará, mas antes de copiar, renomeie o arquivo para highslide.js

Se você abrir o arquivo README.txt deste módulo, encontrará as instruções sobre como usar o módulo Highslide.

$options['attributes'] = array('class' => 'highslide-ajax-link');
$options['fragment'] = 'node-1';

Daqui você deve pegar o nome da classe, de modo que cada link com a classe highslide-ajax-link seja aberto com o efeito highslide. Você também precisa adicionar o ID do elemento da página que deseja exibir ao caminho do link.

Vamos adicionar um bloco e escrever o seguinte texto nele:

<a href="<?php print base_path(); ?>
contact#contact-mail-page" class="highslide-ajax-link">Escreva para nós</a>

contact-mail-page - ID do formulário de contatos.

highslide-ajax-link - classe necessária para que o módulo Highslide funcione.

 Desta forma, você pode exibir qualquer link, qualquer parte das páginas.