Rectangle Properties
Aligns the selected rectangle to the top of the page. | |
Positions the selected rectangle right at the center of the vertical axis. | |
Aligns the selected rectangle to the bottom of the page. | |
Aligns the selected rectangle to the left of the page. | |
Positions the selected rectangle right at the center of the horizontal axis. | |
Aligns the selected rectangle to the right of the page. | |
This button allows users to choose the type of view the rectangle has to portray. The various options available for this are:
| |
You can change the position of the selected rectangle along the horizontal and vertical axis manually through the input box present. | |
This property helps you to assign the width and height manually through the input box present. | |
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.
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. | |
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. | |
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. | |
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. | |
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. | |
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