Links

Rectangle Properties

Align Top

Aligns the selected rectangle to the top of the page.

Align Vertical Center

Positions the selected rectangle right at the center of the vertical axis.

Align Bottom

Aligns the selected rectangle to the bottom of the page.

Align left

Aligns the selected rectangle to the left of the page.

Align Horizontal Center

Positions the selected rectangle right at the center of the horizontal axis.

Align Right

Aligns the selected rectangle to the right of the page.

Add Logic

Serves as another entry point to Blup Lightning.

Setup view

This button allows users to choose the type of view the rectangle has to portray. The various options available for this are:
  • List View: The contents inside the rectangle will be presented in a scrollable unordered list format.
  • PageList View: By enabling the PageList view, the selected rectangle will exhibit a list view of another page specified by the user. User can specify the page to be presented through the 'Add Pages to PageList' option.
  • Scroll View: Scroll view option allows you to scroll through the contents in the rectangle

Position

You can change the position of the selected rectangle along the horizontal and vertical axis manually through the input box present.

Width and Height

This property helps you to assign the width and height manually through the input box present.

Padding

You can adjust the padding of the selected rectangle through this. Either padding is added to each side individually or you can add for all the sides at once
Note: Padding is the space immediately surrounding an element within its cell.

Corner Radius

You can change the border radius of the selected rectangle manually using this option. Either the border radius is changed one side at a time or all at once.

Fill

This property is used to alter the background colour/gradient to the selected rectangle. Click on the color tile next to 'Fill', a dialog box pops up where you can adjust the various properties such as hue, lighting, saturation, opacity etc. When you have decided on a colour, click on the checkbox right next to the colour tile to apply it.

Border

This provides the option to apply colour and width to the border of the rectangle. Click on the color tile next to 'Border", a dialog box pops up where you can adjust the various properties such as hue, lighting, saturation, opacity etc. When you have decided on a colour, click on the checkbox right next to the colour tile to apply it. The width of the border can also be manually altered by the user by typing into the input box just below the 'Border' option.

Shadow

This property is used to add shadow to your rectangle. Click on the color tile next to "Shadow", a dialog box pops up where you can adjust the various properties such as hue, lighting, saturation, opacity etc. When you have decided on a colour, click on the checkbox right next to the colour tile to apply it.
There are three main input boxes present with this property
a. X-axis - The applied shadow can be moved in the horizontal direction using this option.
b. Y-axis – The applied shadow can be moved in the vertical direction using this option..
c. B – This property expands the effect of the applied shadow, If the value is smaller then the shadow is concentrated into a small area and vice versa.
d. S- The spread radius can be modified of the applied shadow can be modified through this.

Inner Shadow

This property is used to add shadow to the interior your rectangle. Click on the color tile next to "Inner Shadow", a dialog box pops up where you can adjust the various properties such as hue, lighting, saturation, opacity etc. When you have decided on a colour, click on the checkbox right next to the colour tile to apply it.
There are three main input boxes present with this property
a. X-axis - The applied shadow can be moved in the horizontal direction using this option.
b. Y-axis – The applied shadow can be moved in the vertical direction using this option..
c. B – This property expands the effect of the applied shadow, If the value is smaller then the shadow is concentrated into a small area and vice versa.

Is Hide checkbox

Checking this checkbox hides the selected rectangle.
Note: If you have hidden multiple widgets on a single screen and you wanted to see them all at once then you can see them with the help of the “Un-Hide widget of current Page” button present in the status bar.