Saturday, November 22, 2014

Touch up of the Startup Screen Form

In this set, we are going to carry out a final touch on the StartupScreen form in our database. First open the KCBSystem.accdb file.

On the left column, under the form category, right click the StartupScreen and select design view to open  the form in design view. Drag the right boarder of the form toapproximately 15sm (6") in width.

Select the "WelcomMessage" control, drag the control close to the top of the page and adjust the control width the same full width of the form. Also make the height of the control ao approximately 2.5cm (1"). We can select the "Format" tab on the "Form Design Tool" and adjust the format on how the control is displayed in form view. We can also amend the related property in the property sheet for necessary action.

In my case, I am selecting the "Clarendon Extended" font size 20 to my favourite. The light blue colour "Aqua, Accent 5, Lighter 40%" is selected too. On the property sheet, I decided to change the "border style" property from "Solid" to "Transparent", the "Scroll Bars" property from "Vertical" to "None" and the "Tab Stop" property from "Yes" to "No".

The above mentioned steps finally give me a slight new look of the Startup screen like below:


 Back to design view, I will then make then make the address display box smaller and move it down to give some space to insert the first picture that we created in previous step. On the Form Design Tool - Design tab, select the Image icon and a Insert Picture dialogue will open after you click on the form, browse to the previously saved picture in c:\KCBDatabase\Img folder named "KCBLogo.ico". Place the picture in the middle right below the Welcome Message control.

Adjust the rest of the control as per you own preference by means of the property sheet. You can adjust a few controls at the same time by first selecting one of the control and then hold down shift key and select more controls at the same time. In my case, I decide to make all "boarder style" property to "transparent" and all "Tab Stop" property to "No" except the "Show Startup Screen" control.

I also decided to select the label of the "ShowStartupScreen" control which is by default named as "ShowStartupScreen_Label" and change its "Caption" property to "Show Startup Screen during program start up".

Other then the above mentioned, all of us are allow to play around and adjust to whatever layout that is preferred by each individual. I am inserting my final design layout below for reference, but yours can look different. It is fine. Only to note that in this form, all control's "Tab Stop" property are set to "NO" except the "Show Startup Screen" yes/no field. This means that whenever the form is opened, the cursor will be active only on this field, which will make it easy for the user to toggle it on or off.

No comments:

Post a Comment