Solved

ColdFusion CFINPUT : TYPE="DATEFIELD"

Posted on 2010-09-10
5
1,240 Views
Last Modified: 2013-12-24
Hi,
I have a question about the icon that displays when using the Type="Datefield" feature.

Q:  Is there a way to have the mouse arrow turn to a hand (link hover) when it is over the calendar icon associated with this very nice CF feature?

Thanks in advance,
hefterr
0
Comment
Question by:hefterr
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
5 Comments
 
LVL 19

Expert Comment

by:erikTsomik
ID: 33646669
just use the css to do this
give the <cfinput an ID
0
 
LVL 1

Author Comment

by:hefterr
ID: 33647124
Hi erikTsomik,
Thanks for the quick answer.

Could you please "hum a few bars" as there is no "anchor tag" to add the css hover effect?  The code is : <cfinput name="fromDate" type="datefield" class="inputboxShort"  required="no" size="40" maxlength="10" readonly="readonly" />

Thanks,
hefterr
0
 
LVL 10

Accepted Solution

by:
js_vaughan earned 500 total points
ID: 33648833
The code will vary, based on the name of your form, but basically, the calendar image is automatically assigned an id like so: [field name][form name]_cf_button.  The code sample below, for example, would have coldfusion produce this calendar image:

<img id="fromDatemyForm_cf_button" src="/CFIDE/scripts/ajax/resources/cf/images/DateChooser.png"/>

Your css should then match the generated id
<html>
<head>
	<title>Experts-Exchange</title>
	<style type="text/css">
		#fromDatemyForm_cf_button {
			cursor: pointer;
		}
	</style>
</head>

<body>

<cfform name="myForm">
	<cfinput name="fromDate" type="datefield" class="inputboxShort"  required="no" size="40" maxlength="10" readonly="readonly" />
</cfform>

</body>
</html>

Open in new window

0
 
LVL 1

Author Comment

by:hefterr
ID: 33653220
Hi js vaughn,
This solution sounds TERRIFIC!  I won't be able to try it until Monday as I am away.   I didn't even know there was a CSS attribute for the cursor - as I never needed it before.  I also didn't realize the image was assigned a generated ID.

Thanks again,
hefterr

0
 
LVL 1

Author Comment

by:hefterr
ID: 33662527
Hi js vaughn.
Tested you css and it works great!!  Thanks again,
hefterr
0

Featured Post

Connect further...control easier

With the ATEN CE624, you can now enjoy a high-quality visual experience powered by HDBaseT technology and the convenience of a single Cat6 cable to transmit uncompressed video with zero latency and multi-streaming for dual-view applications where remote access is required.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In our day to day coding, how many times have we come across a necessity to check whether a URL is a broken link or not? For those of you that answered countless and are using ColdFusion like myself, then this article is for you.  It will show yo…
Article by: kevp75
Hey folks, 'bout time for me to come around with a little tip. Thanks to IIS 7.5 Extensions and Microsoft (well... really Windows 8, and IIS 8 I guess...), we can now prime our Application Pools, when IIS starts. Now, though it would be nice t…
In this video, viewers will be given step by step instructions on adjusting mouse, pointer and cursor visibility in Microsoft Windows 10. The video seeks to educate those who are struggling with the new Windows 10 Graphical User Interface. Change Cu…
This is my first video review of Microsoft Bookings, I will be doing a part two with a bit more information, but wanted to get this out to you folks.

634 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question