Rate this article

Change text in Date Picker Button or display an image

Rating: 0.0/5 (0 votes cast)

To style the Date Picker button to display an image instead of the default "..." edit the following file;

/includes/wdg/Calendar,js

Search for this block of code:

    var btnAttributes = {
        "type":"button",
        "name":boundTo+"_btn",
        "id":boundTo+"_btn",
        "value":paramObj.label
    };

Change to:

    var btnAttributes = {
        "type":"image",
        "src":"../../../images/calendar.png",
        "width":"24",
        "style":"vertical-align:bottom",
        "name":boundTo+"_btn",
        "id":boundTo+"_btn",
        "value":paramObj.label
    };

To change the default "..." into some text edit the following file:

/includes/resources/WDG.res.php

Change Line 9 from 

'calendar_button' => '...',

to

'calendar_button' => 'Select Date',


Adobe

XMS Systems
ionCube Online PHP Encoder
Free PositiveSSL and WhoisGuard with Every Domain Purchase

Although we try to ensure all the articles submitted are valid it is your responsibility to make sure you have backups before you use these suggestions on your pc or websites.
We do not take any responsibility for any data-loss, loss in functionality or any problem that might arise in what-ever way or form by making use of the information on this site.

"Friends of Interakt" has no connection to the Adobe Interakt Company