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.

Last modified 9mo ago

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

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.

Rectangle Properties

Align Top

Align Vertical Center

Align Bottom

Align left

Align Horizontal Center

Align Right

Add Logic

Setup view

Position

Width and Height

Padding

Corner Radius

Fill

Border

Shadow

​

Inner Shadow

Is Hide checkbox