TimePicker
Solution No. 89
The TimePicker object inserts a time picker dropdown allowing the user to select a specific time to appear in a data field. This is especially important for time tracking or time-billing.
So Where Do We Use It?
This action is useful when scheduling appointments in Method or when entering in time-billing information.
Add a TimePicker
A TimePicker can be added to a screen from the Toolbox on the design screen page.
To add a TimePicker, follow these steps:
1. Follow the steps to Edit an Existing Screen or Add a New Screen.
2. Click Add Objects from the Toolbox.
3. Click and drag the TimePicker object to the desired cell in the design screen.
4. Release the mouse button.
5. To finish, select the appropriate option below:
A. If you are ready to activate your changes to the screen, but wish to keep the design screen open, click Publish.
B. If you are ready to activate your changes to the screen and wish to close the design screen, click Save & Close, then select Ok.
C. If you wish to close the design screen and not publish changes, click Save & Close, then select Cancel.
Edit a TimePicker
1. Follow the steps to Edit an Existing Screen or Add a New Screen.
2. Click Add Objects from the Toolbox.
3. Add a TimePicker or go to an existing TimePicker in the design screen.
4. Click Edit in the upper-right corner of the TimePicker object you wish to edit.
5. The TimePicker Properties Wizard appears. The wizard is divided into 5 steps that follow:
Step 1 of 5: Date/Time Properties
1. Enter Caption.
2. Select Caption location from the dropdown list.
The choices are:
A. Top
B. Left
C. Right
D. None
3. Check the Use today’s date/time box to set the default date as the current date and time.
4. Uncheck the Use today’s date/time box to set the default time manually.
5. Click Formatting(click to show) to show Formatting Options or click Advanced Options (click to show) to show Advanced Options; otherwise click Next and proceed to Step 2 of 5: Date/Time Actions.
If you opted to show Formatting Options, you can:
1. Select Caption forecolor by clicking the blank field. A color picker pops up, allowing you to select the color of your choice.
2. Select Caption backcolor by clicking the blank field. A color picker pops up, allowing you to select the color of your choice.
3. Select Text forecolor by clicking the blank field. A color picker pops up, allowing you to select the color of your choice.
4. Select Text backcolor by clicking the blank field. A color picker pops up, allowing you to select the color of your choice.
5. Check the Use default font size box to use the pre-assigned font size selected for your Method account.
6. Uncheck the Use default font size box and manually enter a font size in the corresponding field.
7. Check the Underlined box for the caption to be underlined.
8. Check the Italic box for the caption to appear in italics.
9. Check the Bold box for the caption to appear in bold.
10. Select the Alignment of the TimePicker
11. Click Next or go click on Advanced Options (click to show)
If you opted to show Advanced Options
1. Check the Hidden box if you wish for the object to be hidden from the screen.
2. Check the Read Only box if you wish to not allow the object to be edited.
3. Enter Hover Help Tip, if applicable.
4. Click Next.
Step 2 of 5: Date/Time Actions (Optional)
1. Fill the Add Action or Copy Action button.
2. Select Event from the dropdown list, the only option is DateChanged.
3. Select Action from the dropdown list.
4. Click Add Action (See Method Actions Reference Guide for assistance).
5. Click Next.
Step 3 of 5: Date/Time Validation Rules (Optional)
1. Select Condition from the dropdown list.
The choices are:
A. Contains – requires value to contain specified criteria.
B. Does not contain – value cannot contain specified criteria.
C. Equal to – value must match criteria.
D. Is not equal to – value cannot match criteria.
E. Starts with – value must start with specified criteria.
F. Ends with – value must end with specified criteria.
G. Is empty – value must be empty.
H. Is not empty – value cannot be empty.
I. Build selection list – value can be found in the selection list.
2. If you selected Is empty or Is not empty for Step 1, skip to Step 4; if you selectedBuild selection list for Step 1, enter values and skip to Step 4. Otherwise, select Value from the dropdown list.
The choices are:
A. Type In – sets the condition to a user-defined action result.
B. Value From Screen – sets the condition to a value pulled from a specific field within the specified screen.
3. If you selected Type In for Step 2, enter predefined value and proceed to step 4. Otherwise, select value from the dropdown list below.
4. Click Add Validation Rule.
5. Click Next.
Step 4 of 5: Date/Time Formatting (Optional)
1. Check the appropriate checkboxes next to the Format you wish to display dates and times; check all that apply.
The choices are:
A. Show Date and Time
B. Display Time Only
C. Always show current time?
D. Override default time of day to
2. Click Next
Step 5 of 5: Date/Time Roles
1. The choices are:
A. Accountant
B. Administrator
C. Customizer
D. Director
E. Guest
F. Manager
G. Staff
2. Click Finish
6. To finish, select the appropriate option below:
A. If you are ready to activate your changes to the screen, but wish to keep the design screen open, click Publish.
B. If you are ready to activate your changes to the screen and wish to close the design screen, click Save & Close, then select Ok.
C. If you wish to close the design screen and not publish changes, click Save & Close, then select Cancel
Delete a TimePicker
1. Follow the steps to Edit an Existing Screen.
2. Find the TimePicker you wish to delete in the design screen.
3. Click the ‘X’ in the upper-right corner of the TimePicker you wish to delete.
4. Click OK when prompted to confirm this action.
5. To finish, select the appropriate option below:
A. If you are ready to activate your changes to the screen, but wish to keep the design screen open, click Publish.
B. If you are ready to activate your changes to the screen and wish to close the design screen, click Save & Close, then select Ok.
C. If you wish to close the design screen and not publish changes, click Save & Close, then select Cancel.
Change the TimePicker Size
1. Follow the steps to Edit an Existing Screen or Add a New Screen.
2. Add a TimePicker or go to an existing TimePicker in the design screen.
3. Click the ‘<->’ icon in the upper-right corner of the TimePicker you wish to resize. With each click, the TimePicker will grow to occupy the cell to the right. Once the TimePicker has occupied all cells in its row, the next click will decrease the TimePicker size to only the cell it was originally placed in.
4. To finish, select the appropriate option below:
A. If you are ready to activate your changes to the screen, but wish to keep the design screen open, click Publish.
B. If you are ready to activate your changes to the screen and wish to close the design screen, click Save & Close, then select Ok.
C. If you wish to close the design screen and not publish changes, click Save & Close, then select Cancel.
| Created by | John C. on | Nov-19-2012 |
| Last modified by | John C. on | Nov-19-2012 |
