Versions Compared

Version Old Version 2 New Version 3
Changes made by

Ravikumar Babu CTOO

Ravikumar Babu CTOO

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. Specify the holidays in the form's listener JS file. For example, the following code snippet adds three holidays to the data component:

    Code Block
    languagejs
    var bankholidays =  
[{
	"dates": // The date should be in 'DD/MM/YYYY' format.
	[{
		date:"15/08/2019",
		text:"Independence Day" //Mouse-over text
	},
	{
		date:"06/09/2019",
		text:"Founders' Day" //Mouse-over text
	},
	{
		date:"27/10/2019",
		text:"Diwali" //Mouse-over text
	}],
 
	"cssClass":'<CSS_CLASS_NAME>' //Name of the CSS class, e.g. holidaycolor
}]; 

fm.setHolidayDates(bankholidays,"<ITEM_ID_OF_DATE_FIELD>");


  2. Create the CSS class for highlighting the holidays in the date tool. For example:

    Code Block
    languagecss
    .holidaycolor
{
	backgroundcolor =background-color: blue;
}