![](//img.zohostatic.com/zde/static/images/file.png)

Neste exemplo, veremos como usar a macro **sc\_block\_display** em um evento Ajax utilizando botão do tipo Radio em um Formulário, essa macro tem como finalidade ocultar ou mostrar um bloco.

![](//img.zohostatic.com/zde/static/images/info.png)

As etapas neste exemplo:

1. Configurando campo do tipo Radio
2. Configurando e criando blocos
3. Usando Macro em Evento Ajax

 A macro tem o seguinte escopo:

|  |  |  |  |  |
| --- | --- | --- | --- | --- |
| Aplicação Calendário | Aplicação Gráfico | Aplicação Consulta | Aplicação Formulário | Aplicação Controle |
| onAfterInsert onAfterUpdate onScriptInit onLoad onRefresh onValidate onValidateFailure onValidateSuccess | onScriptInit | onScriptInit onRecord | onAfterDeleteAll onAfterInsert onAfterInsertAll onAfterUpdate onAfterUpdateAll onScriptInit onLoad onNavigate onLoadRecord onRefresh onValidate onValidateFailure onValidateSuccess | onClick onScriptInit onLoadAll onRefre |

## Configurando campo do tipo Radio

**1**.Estaremos utilizando um botão do tipo Radio como flag para habilitar o block ou desabilita-lo, dessa forma estaremos criando  um lookup Manual para colocar duas opções disponíveis (Full e Simple)

**1.1** Criando Botão Do tipo Radio com o nome de "Filling"

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=o3xri06afe968dd4d4e979108b7512777cddf)

![](//img.zohostatic.com/zde/static/images/file.png)

Lembre-se de desabilitar o checkBox para Criar um novo bloco para posicionar este campo

## Configurando Lookup Manual do Campo  Radio

**1.2** Com o campo já criado escolha a opção de Lookup Manual com os seguintes labels (Full e Simple) com os seguintes valores respectivamente ("f" e "s"), como mostra abaixo:

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=o3xri1c42837894194c598c23a1d71c7dec39)

![](//img.zohostatic.com/zde/static/images/caution.png)

Após a configuração de cada opção clique no botão "Incluir"

**No evento onLoad do seu formulário coloque o seguinte código:**

1. {filling} = "s";
2. sc\_block\_display('block2','off');

## Configurando e Incluindo blocos

**2. Estaremos nessa etapa criando o nosso bloco para que seja utilizada na macro.**

**2.1 No seu formulário clique em Layout->Blocos**

Crie um bloco chamado "block2" como segue imagem:

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=o3xrifae4ac938ea74cd6a7df836e8e7f81ec)

Organize os seus campos separados para cada bloco na opção de **Posicionamento dos Campos**, com segue imagem:

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=o3xri7907910ae4f843ce8d19921a9ce7b226)

## Usando a macro em evento Ajax

3.Crie um evento ajax "**onClick**" e utilize o seguinte código:

1. if({filling} == 'f') {
3. sc\_block\_display('block2', 'on');
5. } else {
7. sc\_block\_display('block2', 'off');
9. }

**3.1** Salve e execute o aplicativo.

Ao clicar na opção "**Full**", todo o bloco será mostrado, e ao clicar na opção "**Simple**" o bloco será recolhido

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=o3xri41aa6b621cf24c43af30e50bfe95aa2c)