Customising the Open Client Date Picker |
Open Client Administration |
 |
Customising the Open Client Date Picker
How do I customise the Open Client Date Picker?
-
Make sure you have an appStrings folder in the appResources folder in your application folder. If not, copy the appStrings folder from the appResources folder.
-
The Messages.properties file contains a set of properties that are used for the Date Picker. Here are explanations of some of the properties:
|
Item |
Description |
|
DatePicker.format |
Sets the date format to be used by Date Picker control. |
|
DatePicker.charsForDay |
Sets the number of characters used to display the days of the week in the Date Picker control. |
|
DatePicker.inputAssist |
If set to TRUE, the user is given assistance when typing a date into the Date field. |
|
DatePicker.firstDayOfWeek |
Sets the weekday that is shown as the first day of the week (1 = Monday to 7 = Sunday). |
|
DatePicker.ascDescYears |
Sets the Years drop-down list to either ascending (asc) or descending (desc) in the Date Picker control. |
|
DatePicker.numberOfYears |
Sets the number of years in the Years drop-down list in the Date Picker control and also the number of years to jump for the Next/Previous Years s. |
|
DatePicker.selectedYearPosition |
Sets the position of the current year in the Years drop-down list in the Date Picker control. |
|
DatePicker.yearsToMove |
Sets the number of years to increment or decrement when the arrow s on either side of the Years drop-down list in the Date Picker control are clicked. |
|
DatePicker.addFormatToTooltip |
If set to TRUE then the current date format is included in the tooltip for a Date field. |
|
DatePicker.sunday - DatePicker.saturday |
Sets the text for days of the week in Date Picker control. |
|
DatePicker.january - DatePicker.december |
Sets the text for months of the year in Date Picker control. |
The style for the Date Picker is contained in the datePicker.css. This file is in the appObjects folder but you must copy all the Date Picker files to your own application appObjects folder if you want to change it, because the default appObjects folder will be overwritten by an Open Client software update.
-
Create an appObjects folder in your application folder, if you do not have one.
-
Copy the date_picker_object.json, datePicker.css and PROIV_DatePicker files from the default appObjects folder to your own appObjects folder.
-
You can edit the datePicker.css file to give the Date Picker your own style. Click here to view a screenshot of an example datePicker.css.
Topic ID: 800019