Increasing the size of the datepicker icon in <cfinput type='datefield'...

[jenn1]

HI,

I'm using <cfinput type="datefield" name="month_year"> in a form and would like to know if the icon that the datepicker provides can be increased.

Here's the sourcecode at runtime:  /CFIDE/scripts/ajax/resources/cf/images/DateChooser.png"/>

Thanks!

[Dileep_NR]

Hi,

Please get image id from view source of the date field

  document.getElementById(<<imageid>>).style.height= 100;

try this

eg:

<script language="javascript">   
    document.getElementById("dateboxCFForm_1_cf_button").style.height= 100;
</script>

[Dileep_NR]

HI,

Did you try this?

[jenn1]

Hi,

Yes I did and nothing happened.  So what I did was to get the calendar icon from the .../CFIDE/...images... folder, increased the side and replaced it.  Have you ever tried your method and has it worked for you?

Thanks,

Jenn

[Dileep_NR]

hi,

try this code

<cfform  action="index.cfm">

<cfinput
name="datebox"
    type="datefield"
        required="yes"
            message="You must enter a Ship Date"
                size="10"
                    maxlength="10"
                         mask="MMM DD, YYYY"
                             readonly="yes"
                                 validateat="onServer, onSubmit"
                                      />

</cfform>
<script language="javascript">   
    document.getElementById("dateboxCFForm_1_cf_button").style.height= 100;
</script>

[Dileep_NR]

HI,

did u try this code?