Customising the Open Client Date Picker

  

Open Client Administration  

Customising the Open Client Date Picker

How do I customise the Open Client Date Picker?

  1. 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.  

  2. 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.

  1. Create an appObjects folder in your application folder, if you do not have one.

  2. Copy the date_picker_object.json, datePicker.css and PROIV_DatePicker files from the default appObjects folder to your own appObjects folder.

  3. You can edit the datePicker.css file to give the Date Picker your own style. Click herehere to view a screenshot of an example datePicker.css.

    Date Picker

Comment on this topic

Topic ID: 800019