Macro sc_block_display

In this example, we will see how to use the sc_block_display macro in an Ajax event using a Radio button on a Form, this macro is intended to hide or show a block.

The steps in this example:

1. Configuring Radio type field
2. Configuring and creating blocks
3. Using Macro in Ajax Event

The macro has the following scope:

Configuring Radio type field

1.We will be using a Radio type button as a flag to enable the block or disable it, that way we will be creating a Manual lookup to put two options available (Full and Simple)

1.1Creating a radio button with the name "Filling"

Remember to disable the checkBox to create a new block to position this field

Configuring Manual Lookup of the Radio Field

1.2With the field already created, choose the Manual Lookup option with the following labels (Full and Simple) with the following values respectively ("f" and "s"), as shown below:

After configuring each option, click on the "Include" button

In the onLoad event of your form, place the following code:

1. {filling} = "s";
2. sc_block_display('block2','off');

Configuring and adding blocks

2. We will be at this stage creating our block to be used in the macro.

2.1 In your form click on Layout-> Blocks

Create a block called "block2" as follows:

Organize your separate fields for each block in the Field Positioning option, with the following image:

Using the macro in Ajax event

3.Create an "onClick" ajax event and use the following code:

1. if({filling} == 'f') {
2. sc_block_display('block2', 'on');
3. } else {
4. sc_block_display('block2', 'off');
5. }

3.1Save and run the application.

When clicking on the option "Full", the entire block will be shown, and when clicking on the option "Simple" the block will be collapsed