input field to the right of calendar icon not visible
Locked
12
12
 
|
Hi
How can I have an input control displayed besides the calendar icon (causing a date value from the calendar icon to be written to be written into this field). Right now, the default behavior is to have a value written besides the calendar icon after a certain selection is made inside the calendar popup. Hopefully i am right about understanding the basic existing behaviour of the calendar picker date-control. I have tried changing xforms.css as below: This is inside a jar file called ops-resources-public....jar. Am I doing the right thing? Is that the right jar or is there anything else I can do? The text in bold are modifications made by me, though I am not sure if this will work. /* Hide input field for <xforms:input> when type is date */ input.xforms-type-date { /*display: none;*/ display: -moz-inline-box; display: inline-block;} /* Hide date pickend for <xforms:input> when type not date */ span.xforms-type-string { /*display: none;*/ display: -moz-inline-box; display: inline-block;} |
Re: input field to the right of calendar icon not visible
|
Administrator
|
On Jan 23, 2008 11:27 AM, XGuy <[hidden email]> wrote:
> How can I have an input control displayed besides the calendar icon (causing > a date value from the calendar icon to be written to be written into this > field). Right now, the default behavior is to have a value written besides > the calendar icon after a certain selection is made inside the calendar > popup. Hopefully i am right about understanding the basic existing behaviour > of the calendar picker date-control. I am afraid that the current date picker just doesn't support manual date entry. You could display the text that is hidden with CSS, but then the text field will expect to have the date to be entered in the ISO format (e.g. same as what you have in the instance). And most likely the ISO format won't be what your users are familiar with. We want to change this, to: 1. Allow dates to be manually entered (while still keeping the date picker, for those who want to use it). 2. Switch to the YUI implementation of the date picker. If you don't want to implement or sponsor this right now, you can do this in XForms by having another control bound to another node that contains the formatted version of the date. You will have to maintain those two controls in sync: setting the value in ISO when the formatted value is changed, and vice versa. Alex -- Orbeon Forms - Web 2.0 Forms, open-source, for the Enterprise http://www.orbeon.com/ -- You receive this message as a subscriber of the [hidden email] mailing list. To unsubscribe: mailto:[hidden email] For general help: mailto:[hidden email]?subject=help OW2 mailing lists service home page: http://www.ow2.org/wws |
|
|
If I want to implement it at this point of time or over a period of time starting now, what are all the necessary pieces of the puzzle that we need to build.
Keeping your fundamental idea in mind, and knowing what those pieces are and how big they can be might be nice things for now, so I could focus on implementing something for Orbeon slowly. .
|
|
|
In reply to this post by Alessandro Vernet
If I want some kind of standby implementation at this point of time, is there an XForm sample describing the idea that you have laid out. Or if you could describe your idea in greater detail so I could go off and try something.
|
Re: input field to the right of calendar icon not visible
|
Administrator
|
In reply to this post by ilango_g
On Jan 24, 2008 6:53 AM, XGuy <[hidden email]> wrote:
> If I want to implement it at this point of time or over a period of time > starting now, what are all the necessary pieces of the puzzle that we need > to build. > > Keeping your fundamental idea in mind, and knowing what those pieces are and > how big they can be might be nice things for now, so I could focus on > implementing something for Orbeon slowly. The first step will be to switch from jscalendar library that we are using now to using the YUI calendar widget. We may do this during the next few weeks, but if you feel comfortable with JavaScript programming and are interesting in doing this, let me know and I will give you some pointers on how to get started. Alex -- Orbeon Forms - Web 2.0 Forms, open-source, for the Enterprise http://www.orbeon.com/ -- You receive this message as a subscriber of the [hidden email] mailing list. To unsubscribe: mailto:[hidden email] For general help: mailto:[hidden email]?subject=help OW2 mailing lists service home page: http://www.ow2.org/wws |
|
|
I am certainly interested in doing the YUI calendar widget thing with Javascript. Please let me know how I can get started.
|
|
|
I realized I might have become a little confused between the YUI calendar widget and the Javascript way of doing the calendar.
Is the YUI calendar widget a different way, different from Javascript? When you said, "we might do this in the next few weeks" did you mean to say that the experts at Orbeon will be implementing the YUI calendar widget in the next few weeks?
|
Re: input field to the right of calendar icon not visible
|
Administrator
|
The YUI calendar is implemented with JavaScript.
A customer has just agreed to sponsor the option of using the YUI calendar instead of JSCalendar. But if you have done the work already, then that won't be necessary ;-) Just let us know if you still plan to do the work. -Erik On Jan 27, 2008, at 9:43 AM, XGuy wrote: > > I realized I might have become a little confused between the YUI > calendar > widget and the Javascript way of doing the calendar. > Is the YUI calendar widget a different way, different from Javascript? > When you said, "we might do this in the next few weeks" did you mean > to say > that the experts at Orbeon will be implementing the YUI calendar > widget in > the next few weeks? > > > > XGuy wrote: >> >> I am certainly interested in doing the YUI calendar widget thing with >> Javascript. Please let me know how I can get started. >> >> >> Alessandro Vernet wrote: >>> >>> On Jan 24, 2008 6:53 AM, XGuy <[hidden email]> wrote: >>>> If I want to implement it at this point of time or over a period >>>> of time >>>> starting now, what are all the necessary pieces of the puzzle >>>> that we >>>> need >>>> to build. >>>> >>>> Keeping your fundamental idea in mind, and knowing what those >>>> pieces are >>>> and >>>> how big they can be might be nice things for now, so I could >>>> focus on >>>> implementing something for Orbeon slowly. >>> >>> The first step will be to switch from jscalendar library that we are >>> using now to using the YUI calendar widget. We may do this during >>> the >>> next few weeks, but if you feel comfortable with JavaScript >>> programming and are interesting in doing this, let me know and I >>> will >>> give you some pointers on how to get started. >>> >>> Alex >>> -- >>> Orbeon Forms - Web 2.0 Forms, open-source, for the Enterprise >>> http://www.orbeon.com/ >>> >>> >>> -- >>> You receive this message as a subscriber of the [hidden email] >>> mailing >>> list. >>> To unsubscribe: mailto:[hidden email] >>> For general help: mailto:[hidden email]?subject=help >>> OW2 mailing lists service home page: http://www.ow2.org/wws >>> >>> >>> ----- >>> Orbeon Forms - Web 2.0 Forms, open-source, for the Enterprise >>> http://www.orbeon.com/ >>> >>> >> >> > > -- > View this message in context: http://www.nabble.com/input-field-to-the-right-of-calendar-icon-not-visible-tp15048938p15121646.html > Sent from the ObjectWeb OPS - Users mailing list archive at > Nabble.com. > > > -- > You receive this message as a subscriber of the [hidden email] > mailing list. > To unsubscribe: mailto:[hidden email] > For general help: mailto:[hidden email]?subject=help > OW2 mailing lists service home page: http://www.ow2.org/wws Orbeon Forms - Web Forms for the Enterprise Done the Right Way http://www.orbeon.com/ -- You receive this message as a subscriber of the [hidden email] mailing list. To unsubscribe: mailto:[hidden email] For general help: mailto:[hidden email]?subject=help OW2 mailing lists service home page: http://www.ow2.org/wws |
|
|
I still plan to do the work. Is there any other place where I may have to work on? For example, some Java code somewhere.
|
Re: input field to the right of calendar icon not visible
|
Administrator
|
Good. We have put a few notes about what needs to be done on our wiki.
In general: Code Conventions https://wiki.objectweb.org/ops/Wiki.jsp?page=CodeConventions JavaScript Development https://wiki.objectweb.org/ops/Wiki.jsp?page=JavaScriptDevelopment Some thoughts about the YUI calendar integration: Use of the YUI calendar https://wiki.objectweb.org/ops/Wiki.jsp?page=YUICalendar Feel free to add to that content: you can do so if you create a wiki user. You could start with changes to xforms.js. Then we could take care of changes in the Java code unless you want to tackle that as well. -Erik On Jan 29, 2008, at 6:32 AM, XGuy wrote: > > I still plan to do the work. Is there any other place where I may > have to > work on? For example, some Java code somewhere. > > > > Erik Bruchez wrote: >> >> The YUI calendar is implemented with JavaScript. >> >> A customer has just agreed to sponsor the option of using the YUI >> calendar instead of JSCalendar. But if you have done the work >> already, >> then that won't be necessary ;-) Just let us know if you still plan >> to >> do the work. >> >> -Erik >> >> On Jan 27, 2008, at 9:43 AM, XGuy wrote: >> >>> >>> I realized I might have become a little confused between the YUI >>> calendar >>> widget and the Javascript way of doing the calendar. >>> Is the YUI calendar widget a different way, different from >>> Javascript? >>> When you said, "we might do this in the next few weeks" did you mean >>> to say >>> that the experts at Orbeon will be implementing the YUI calendar >>> widget in >>> the next few weeks? >>> >>> >>> >>> XGuy wrote: >>>> >>>> I am certainly interested in doing the YUI calendar widget thing >>>> with >>>> Javascript. Please let me know how I can get started. >>>> >>>> >>>> Alessandro Vernet wrote: >>>>> >>>>> On Jan 24, 2008 6:53 AM, XGuy <[hidden email]> wrote: >>>>>> If I want to implement it at this point of time or over a period >>>>>> of time >>>>>> starting now, what are all the necessary pieces of the puzzle >>>>>> that we >>>>>> need >>>>>> to build. >>>>>> >>>>>> Keeping your fundamental idea in mind, and knowing what those >>>>>> pieces are >>>>>> and >>>>>> how big they can be might be nice things for now, so I could >>>>>> focus on >>>>>> implementing something for Orbeon slowly. >>>>> >>>>> The first step will be to switch from jscalendar library that we >>>>> are >>>>> using now to using the YUI calendar widget. We may do this during >>>>> the >>>>> next few weeks, but if you feel comfortable with JavaScript >>>>> programming and are interesting in doing this, let me know and I >>>>> will >>>>> give you some pointers on how to get started. >>>>> >>>>> Alex >>>>> -- >>>>> Orbeon Forms - Web 2.0 Forms, open-source, for the Enterprise >>>>> http://www.orbeon.com/ >>>>> >>>>> >>>>> -- >>>>> You receive this message as a subscriber of the [hidden email] >>>>> mailing >>>>> list. >>>>> To unsubscribe: mailto:[hidden email] >>>>> For general help: mailto:[hidden email]?subject=help >>>>> OW2 mailing lists service home page: http://www.ow2.org/wws >>>>> >>>>> >>>>> ----- >>>>> Orbeon Forms - Web 2.0 Forms, open-source, for the Enterprise >>>>> http://www.orbeon.com/ >>>>> >>>>> >>>> >>>> >>> >>> -- >>> View this message in context: >>> http://www.nabble.com/input-field-to-the-right-of-calendar-icon-not-visible-tp15048938p15121646.html >>> Sent from the ObjectWeb OPS - Users mailing list archive at >>> Nabble.com. >>> >>> >>> -- >>> You receive this message as a subscriber of the [hidden email] >>> mailing list. >>> To unsubscribe: mailto:[hidden email] >>> For general help: mailto:[hidden email]?subject=help >>> OW2 mailing lists service home page: http://www.ow2.org/wws >> >> -- >> Orbeon Forms - Web Forms for the Enterprise Done the Right Way >> http://www.orbeon.com/ >> >> >> >> -- >> You receive this message as a subscriber of the [hidden email] >> mailing >> list. >> To unsubscribe: mailto:[hidden email] >> For general help: mailto:[hidden email]?subject=help >> OW2 mailing lists service home page: http://www.ow2.org/wws >> >> > > -- > View this message in context: http://www.nabble.com/input-field-to-the-right-of-calendar-icon-not-visible-tp15048938p15160272.html > Sent from the ObjectWeb OPS - Users mailing list archive at > Nabble.com. > > > -- > You receive this message as a subscriber of the [hidden email] > mailing list. > To unsubscribe: mailto:[hidden email] > For general help: mailto:[hidden email]?subject=help > OW2 mailing lists service home page: http://www.ow2.org/wws Orbeon Forms - Web Forms for the Enterprise Done the Right Way http://www.orbeon.com/ -- You receive this message as a subscriber of the [hidden email] mailing list. To unsubscribe: mailto:[hidden email] For general help: mailto:[hidden email]?subject=help OW2 mailing lists service home page: http://www.ow2.org/wws |
|
|
Hi
I have visited the URLs mentioned and have started going through the process mentioned there. One question: How far is this going to take us down the road? Are the Java changes critical to producing the result we want, which is a calendar icon and a manually editable text box for some date?
|
|
|
In reply to this post by Alessandro Vernet
I have attached a snapshot of the date picker (the calendar widget sitting inside a text control that is read-only and as you rightly said, it does not allow manual date entry)
I have Eric's instructions on what to do with the Javascript and all that. What do you think about the result I have here (which is not much, I know).
|
Re: input field to the right of calendar icon not visible
|
Administrator
|
I think the attachment is missing ;-)
-Erik On Jan 31, 2008, at 6:03 AM, XGuy wrote: > > I have attached a snapshot of the date picker (the calendar widget > sitting > inside a text control that is read-only and as you rightly said, it > does not > allow manual date entry) > > I have Eric's instructions on what to do with the Javascript and all > that. > What do you think about the result I have here (which is not much, I > know). > > > > Alessandro Vernet wrote: >> >> On Jan 23, 2008 11:27 AM, XGuy <[hidden email]> wrote: >>> How can I have an input control displayed besides the calendar icon >>> (causing >>> a date value from the calendar icon to be written to be written >>> into this >>> field). Right now, the default behavior is to have a value written >>> besides >>> the calendar icon after a certain selection is made inside the >>> calendar >>> popup. Hopefully i am right about understanding the basic existing >>> behaviour >>> of the calendar picker date-control. >> >> I am afraid that the current date picker just doesn't support manual >> date entry. You could display the text that is hidden with CSS, but >> then the text field will expect to have the date to be entered in the >> ISO format (e.g. same as what you have in the instance). And most >> likely the ISO format won't be what your users are familiar with. We >> want to change this, to: >> >> 1. Allow dates to be manually entered (while still keeping the date >> picker, for those who want to use it). >> 2. Switch to the YUI implementation of the date picker. >> >> If you don't want to implement or sponsor this right now, you can do >> this in XForms by having another control bound to another node that >> contains the formatted version of the date. You will have to maintain >> those two controls in sync: setting the value in ISO when the >> formatted value is changed, and vice versa. >> >> Alex >> -- >> Orbeon Forms - Web 2.0 Forms, open-source, for the Enterprise >> http://www.orbeon.com/ >> >> >> -- >> You receive this message as a subscriber of the [hidden email] >> mailing >> list. >> To unsubscribe: mailto:[hidden email] >> For general help: mailto:[hidden email]?subject=help >> OW2 mailing lists service home page: http://www.ow2.org/wws >> >> >> ----- >> Orbeon Forms - Web 2.0 Forms, open-source, for the Enterprise >> http://www.orbeon.com/ >> >> > http://www.nabble.com/file/p15205289/date_sample.jpg > -- > View this message in context: http://www.nabble.com/input-field-to-the-right-of-calendar-icon-not-visible-tp15048938p15205289.html > Sent from the ObjectWeb OPS - Users mailing list archive at > Nabble.com. > Orbeon Forms - Web Forms for the Enterprise Done the Right Way http://www.orbeon.com/ -- You receive this message as a subscriber of the [hidden email] mailing list. To unsubscribe: mailto:[hidden email] For general help: mailto:[hidden email]?subject=help OW2 mailing lists service home page: http://www.ow2.org/wws |
Re: input field to the right of calendar icon not visible
|
Administrator
|
In reply to this post by ilango_g
> I have visited the URLs mentioned and have started going through the
> process > mentioned there. Great. > One question: How far is this going to take us down the road? Are > the Java > changes critical to producing the result we want, which is a > calendar icon > and a manually editable text box for some date? I would say the Java changes are critical to integrate the YUI calendar into the Orbeon Forms code base. They may not be critical to make the feature just work, unless some changes to the generated HTML markup are needed. Just to clarify, I think there are two distinct steps in this project: 1. Integrate the YUI calendar 2. Integrate a text field for more efficient / accessible entry We haven't discussed #2 much so far. I think something like what Kayak (among other sites) does would be close from ideal, what do you think: http://www.kayak.com/ -Erik > > > Erik Bruchez wrote: >> >> Good. We have put a few notes about what needs to be done on our >> wiki. >> In general: >> >> Code Conventions >> https://wiki.objectweb.org/ops/Wiki.jsp?page=CodeConventions >> >> JavaScript Development >> https://wiki.objectweb.org/ops/Wiki.jsp?page=JavaScriptDevelopment >> >> Some thoughts about the YUI calendar integration: >> >> Use of the YUI calendar >> https://wiki.objectweb.org/ops/Wiki.jsp?page=YUICalendar >> >> Feel free to add to that content: you can do so if you create a wiki >> user. >> >> You could start with changes to xforms.js. Then we could take care of >> changes in the Java code unless you want to tackle that as well. >> >> -Erik >> >> On Jan 29, 2008, at 6:32 AM, XGuy wrote: >> >>> >>> I still plan to do the work. Is there any other place where I may >>> have to >>> work on? For example, some Java code somewhere. >>> >>> >>> >>> Erik Bruchez wrote: >>>> >>>> The YUI calendar is implemented with JavaScript. >>>> >>>> A customer has just agreed to sponsor the option of using the YUI >>>> calendar instead of JSCalendar. But if you have done the work >>>> already, >>>> then that won't be necessary ;-) Just let us know if you still plan >>>> to >>>> do the work. >>>> >>>> -Erik >>>> >>>> On Jan 27, 2008, at 9:43 AM, XGuy wrote: >>>> >>>>> >>>>> I realized I might have become a little confused between the YUI >>>>> calendar >>>>> widget and the Javascript way of doing the calendar. >>>>> Is the YUI calendar widget a different way, different from >>>>> Javascript? >>>>> When you said, "we might do this in the next few weeks" did you >>>>> mean >>>>> to say >>>>> that the experts at Orbeon will be implementing the YUI calendar >>>>> widget in >>>>> the next few weeks? >>>>> >>>>> >>>>> >>>>> XGuy wrote: >>>>>> >>>>>> I am certainly interested in doing the YUI calendar widget thing >>>>>> with >>>>>> Javascript. Please let me know how I can get started. >>>>>> >>>>>> >>>>>> Alessandro Vernet wrote: >>>>>>> >>>>>>> On Jan 24, 2008 6:53 AM, XGuy <[hidden email]> wrote: >>>>>>>> If I want to implement it at this point of time or over a >>>>>>>> period >>>>>>>> of time >>>>>>>> starting now, what are all the necessary pieces of the puzzle >>>>>>>> that we >>>>>>>> need >>>>>>>> to build. >>>>>>>> >>>>>>>> Keeping your fundamental idea in mind, and knowing what those >>>>>>>> pieces are >>>>>>>> and >>>>>>>> how big they can be might be nice things for now, so I could >>>>>>>> focus on >>>>>>>> implementing something for Orbeon slowly. >>>>>>> >>>>>>> The first step will be to switch from jscalendar library that we >>>>>>> are >>>>>>> using now to using the YUI calendar widget. We may do this >>>>>>> during >>>>>>> the >>>>>>> next few weeks, but if you feel comfortable with JavaScript >>>>>>> programming and are interesting in doing this, let me know and I >>>>>>> will >>>>>>> give you some pointers on how to get started. >>>>>>> >>>>>>> Alex >>>>>>> -- >>>>>>> Orbeon Forms - Web 2.0 Forms, open-source, for the Enterprise >>>>>>> http://www.orbeon.com/ >>>>>>> >>>>>>> >>>>>>> -- >>>>>>> You receive this message as a subscriber of the ops- >>>>>>> [hidden email] >>>>>>> mailing >>>>>>> list. >>>>>>> To unsubscribe: mailto:[hidden email] >>>>>>> For general help: mailto:[hidden email]?subject=help >>>>>>> OW2 mailing lists service home page: http://www.ow2.org/wws >>>>>>> >>>>>>> >>>>>>> ----- >>>>>>> Orbeon Forms - Web 2.0 Forms, open-source, for the Enterprise >>>>>>> http://www.orbeon.com/ >>>>>>> >>>>>>> >>>>>> >>>>>> >>>>> >>>>> -- >>>>> View this message in context: >>>>> http://www.nabble.com/input-field-to-the-right-of-calendar-icon-not-visible-tp15048938p15121646.html >>>>> Sent from the ObjectWeb OPS - Users mailing list archive at >>>>> Nabble.com. >>>>> >>>>> >>>>> -- >>>>> You receive this message as a subscriber of the [hidden email] >>>>> mailing list. >>>>> To unsubscribe: mailto:[hidden email] >>>>> For general help: mailto:[hidden email]?subject=help >>>>> OW2 mailing lists service home page: http://www.ow2.org/wws >>>> >>>> -- >>>> Orbeon Forms - Web Forms for the Enterprise Done the Right Way >>>> http://www.orbeon.com/ >>>> >>>> >>>> >>>> -- >>>> You receive this message as a subscriber of the [hidden email] >>>> mailing >>>> list. >>>> To unsubscribe: mailto:[hidden email] >>>> For general help: mailto:[hidden email]?subject=help >>>> OW2 mailing lists service home page: http://www.ow2.org/wws >>>> >>>> >>> >>> -- >>> View this message in context: >>> http://www.nabble.com/input-field-to-the-right-of-calendar-icon-not-visible-tp15048938p15160272.html >>> Sent from the ObjectWeb OPS - Users mailing list archive at >>> Nabble.com. >>> >>> >>> -- >>> You receive this message as a subscriber of the [hidden email] >>> mailing list. >>> To unsubscribe: mailto:[hidden email] >>> For general help: mailto:[hidden email]?subject=help >>> OW2 mailing lists service home page: http://www.ow2.org/wws >> >> -- >> Orbeon Forms - Web Forms for the Enterprise Done the Right Way >> http://www.orbeon.com/ >> >> >> >> -- >> You receive this message as a subscriber of the [hidden email] >> mailing >> list. >> To unsubscribe: mailto:[hidden email] >> For general help: mailto:[hidden email]?subject=help >> OW2 mailing lists service home page: http://www.ow2.org/wws >> >> > > -- > View this message in context: http://www.nabble.com/input-field-to-the-right-of-calendar-icon-not-visible-tp15048938p15205210.html > Sent from the ObjectWeb OPS - Users mailing list archive at > Nabble.com. > > > -- > You receive this message as a subscriber of the [hidden email] > mailing list. > To unsubscribe: mailto:[hidden email] > For general help: mailto:[hidden email]?subject=help > OW2 mailing lists service home page: http://www.ow2.org/wws Orbeon Forms - Web Forms for the Enterprise Done the Right Way http://www.orbeon.com/ -- You receive this message as a subscriber of the [hidden email] mailing list. To unsubscribe: mailto:[hidden email] For general help: mailto:[hidden email]?subject=help OW2 mailing lists service home page: http://www.ow2.org/wws |
|
|
In reply to this post by Erik Bruchez
Hi Erik
The attachment of a few hours ago was actually an image inserted into the message. Maybe, you are not able to view that for some reason. Well, I worked on this date picker and this is what I came up with. I have an input date field that allows "manual date entry", which means that I can enter a date in ISO Format in the text input field (and then select the whole thing, delete it and have a new date in it, if I don't like it and want to change it. But it won't let me use the backspace or the delete keys respectively..So maybe my so-called manual date entry is not such a big deal. I have attached the latest screenshot image, as well as the older one. Should I attach the xhtml file as well, showing how the example works? In the older screenshot, the calendar icon appears sits inside a non-editable readonly text field ( that has a read-only string as "Wednesday Jan 30, 2008") date_manual_entry.JPG  date_sample.JPG
|
|
|
Erik
I can see the attachment on Nabble. I am not sure what is happening. Is there some right way to attach it. I used "Upload File..". I can see the uploaded file when I log into nabble. Sorry, I don't mean to correct you. Maybe I am not doing the upload right or something?
|
|
|
In reply to this post by Erik Bruchez
I think the calendar on Kayak is quite nice. With the present Javascript calendar (jscalendar), what role does the Java component play in getting the calendar to work the way we want it to?
So far I have got the input calendar to appear; manual entry is also working though not as perfectly as Kayak. At this point of time, I have not touched any Java code in Orbeon source. Do you want me to send you a copy of my XHTML file. The attachments here are probably
|
Re: input field to the right of calendar icon not visible
|
Administrator
|
In reply to this post by ilango_g
Looks like a good start!
Regarding how to make the text entry useful: I think the text entry should support the two main formats in use, e.g. month/day/year and day/month/year. That would be a good start. I don't think many users will want to enter the ISO format directly, even if for us developers that would not be a problem. I also think that if the text input is not usable, then it would be best for now to keep the current visual appearance. > what role does the Java component play in getting the calendar to work the way we want it to? Mainly, allow switching between JSCalendar and the YUI calendar through a property. If nothing else needs to be changed in the HTML, then great. -Erik On Jan 31, 2008, at 12:34 PM, XGuy wrote: > > Hi Erik > The attachment of a few hours ago was actually an image inserted > into the > message. Maybe, you are not able to view that for some reason. > > Well, I worked on this date picker and this is what I came up with. > I have > an input date field that allows "manual date entry", which means > that I can > enter a date in ISO Format in the text input field (and then select > the > whole thing, delete it and have a new date in it, if I don't like it > and > want to change it. But it won't let me use the backspace or the > delete keys > respectively..So maybe my so-called manual date entry is not such a > big > deal. > > I have attached the latest screenshot image, as well as the older one. > Should I attach the xhtml file as well, showing how the example > works? In > the older screenshot, the calendar icon appears sits inside a non- > editable > readonly text field ( that has a read-only string as "Wednesday Jan > 30, > 2008") > > > > Erik Bruchez wrote: >> >> I think the attachment is missing ;-) >> >> -Erik >> >> On Jan 31, 2008, at 6:03 AM, XGuy wrote: >> >>> >>> I have attached a snapshot of the date picker (the calendar widget >>> sitting >>> inside a text control that is read-only and as you rightly said, it >>> does not >>> allow manual date entry) >>> >>> I have Eric's instructions on what to do with the Javascript and all >>> that. >>> What do you think about the result I have here (which is not much, I >>> know). >>> >>> >>> >>> Alessandro Vernet wrote: >>>> >>>> On Jan 23, 2008 11:27 AM, XGuy <[hidden email]> wrote: >>>>> How can I have an input control displayed besides the calendar >>>>> icon >>>>> (causing >>>>> a date value from the calendar icon to be written to be written >>>>> into this >>>>> field). Right now, the default behavior is to have a value written >>>>> besides >>>>> the calendar icon after a certain selection is made inside the >>>>> calendar >>>>> popup. Hopefully i am right about understanding the basic existing >>>>> behaviour >>>>> of the calendar picker date-control. >>>> >>>> I am afraid that the current date picker just doesn't support >>>> manual >>>> date entry. You could display the text that is hidden with CSS, but >>>> then the text field will expect to have the date to be entered in >>>> the >>>> ISO format (e.g. same as what you have in the instance). And most >>>> likely the ISO format won't be what your users are familiar with. >>>> We >>>> want to change this, to: >>>> >>>> 1. Allow dates to be manually entered (while still keeping the date >>>> picker, for those who want to use it). >>>> 2. Switch to the YUI implementation of the date picker. >>>> >>>> If you don't want to implement or sponsor this right now, you can >>>> do >>>> this in XForms by having another control bound to another node that >>>> contains the formatted version of the date. You will have to >>>> maintain >>>> those two controls in sync: setting the value in ISO when the >>>> formatted value is changed, and vice versa. >>>> >>>> Alex >>>> -- >>>> Orbeon Forms - Web 2.0 Forms, open-source, for the Enterprise >>>> http://www.orbeon.com/ >>>> >>>> >>>> -- >>>> You receive this message as a subscriber of the [hidden email] >>>> mailing >>>> list. >>>> To unsubscribe: mailto:[hidden email] >>>> For general help: mailto:[hidden email]?subject=help >>>> OW2 mailing lists service home page: http://www.ow2.org/wws >>>> >>>> >>>> ----- >>>> Orbeon Forms - Web 2.0 Forms, open-source, for the Enterprise >>>> http://www.orbeon.com/ >>>> >>>> >>> http://www.nabble.com/file/p15205289/date_sample.jpg >>> -- >>> View this message in context: >>> http://www.nabble.com/input-field-to-the-right-of-calendar-icon-not-visible-tp15048938p15205289.html >>> Sent from the ObjectWeb OPS - Users mailing list archive at >>> Nabble.com. >>> >> >> -- >> Orbeon Forms - Web Forms for the Enterprise Done the Right Way >> http://www.orbeon.com/ >> >> >> >> -- >> You receive this message as a subscriber of the [hidden email] >> mailing >> list. >> To unsubscribe: mailto:[hidden email] >> For general help: mailto:[hidden email]?subject=help >> OW2 mailing lists service home page: http://www.ow2.org/wws >> >> > http://www.nabble.com/file/p15214167/date_manual_entry.JPG > date_manual_entry.JPG :-) > http://www.nabble.com/file/p15214167/date_sample.JPG date_sample.JPG > -- > View this message in context: http://www.nabble.com/input-field-to-the-right-of-calendar-icon-not-visible-tp15048938p15214167.html > Sent from the ObjectWeb OPS - Users mailing list archive at > Nabble.com. > > > -- > You receive this message as a subscriber of the [hidden email] > mailing list. > To unsubscribe: mailto:[hidden email] > For general help: mailto:[hidden email]?subject=help > OW2 mailing lists service home page: http://www.ow2.org/wws Orbeon Forms - Web Forms for the Enterprise Done the Right Way http://www.orbeon.com/ -- You receive this message as a subscriber of the [hidden email] mailing list. To unsubscribe: mailto:[hidden email] For general help: mailto:[hidden email]?subject=help OW2 mailing lists service home page: http://www.ow2.org/wws |
|
|
Hi Erik
The current visual appearance is intact, which means that I have a calendar icon sitting on top of the text field and writing its usual date string in the space next to it. But this action also writes an ISO date format value into the text field. You are right about the fact that users will not want the ISO date format at all. So the next step would be to format it to a usable one!! The text field that I have now allows me to highlight the value with my mouse and delete it. But it does not let me delete it with the delete key or the backspace key. (in fact kayak.com does all this).
|
Re: input field to the right of calendar icon not visible
|
Administrator
|
In reply to this post by ilango_g
Oh I see, those do not appear as attachments to me, but as links to
images stored on nabble. -Erik On Jan 31, 2008, at 12:34 PM, XGuy wrote: > > Hi Erik > The attachment of a few hours ago was actually an image inserted > into the > message. Maybe, you are not able to view that for some reason. > > Well, I worked on this date picker and this is what I came up with. > I have > an input date field that allows "manual date entry", which means > that I can > enter a date in ISO Format in the text input field (and then select > the > whole thing, delete it and have a new date in it, if I don't like it > and > want to change it. But it won't let me use the backspace or the > delete keys > respectively..So maybe my so-called manual date entry is not such a > big > deal. > > I have attached the latest screenshot image, as well as the older one. > Should I attach the xhtml file as well, showing how the example > works? In > the older screenshot, the calendar icon appears sits inside a non- > editable > readonly text field ( that has a read-only string as "Wednesday Jan > 30, > 2008") > > > > Erik Bruchez wrote: >> >> I think the attachment is missing ;-) >> >> -Erik >> >> On Jan 31, 2008, at 6:03 AM, XGuy wrote: >> >>> >>> I have attached a snapshot of the date picker (the calendar widget >>> sitting >>> inside a text control that is read-only and as you rightly said, it >>> does not >>> allow manual date entry) >>> >>> I have Eric's instructions on what to do with the Javascript and all >>> that. >>> What do you think about the result I have here (which is not much, I >>> know). >>> >>> >>> >>> Alessandro Vernet wrote: >>>> >>>> On Jan 23, 2008 11:27 AM, XGuy <[hidden email]> wrote: >>>>> How can I have an input control displayed besides the calendar >>>>> icon >>>>> (causing >>>>> a date value from the calendar icon to be written to be written >>>>> into this >>>>> field). Right now, the default behavior is to have a value written >>>>> besides >>>>> the calendar icon after a certain selection is made inside the >>>>> calendar >>>>> popup. Hopefully i am right about understanding the basic existing >>>>> behaviour >>>>> of the calendar picker date-control. >>>> >>>> I am afraid that the current date picker just doesn't support >>>> manual >>>> date entry. You could display the text that is hidden with CSS, but >>>> then the text field will expect to have the date to be entered in >>>> the >>>> ISO format (e.g. same as what you have in the instance). And most >>>> likely the ISO format won't be what your users are familiar with. >>>> We >>>> want to change this, to: >>>> >>>> 1. Allow dates to be manually entered (while still keeping the date >>>> picker, for those who want to use it). >>>> 2. Switch to the YUI implementation of the date picker. >>>> >>>> If you don't want to implement or sponsor this right now, you can >>>> do >>>> this in XForms by having another control bound to another node that >>>> contains the formatted version of the date. You will have to >>>> maintain >>>> those two controls in sync: setting the value in ISO when the >>>> formatted value is changed, and vice versa. >>>> >>>> Alex >>>> -- >>>> Orbeon Forms - Web 2.0 Forms, open-source, for the Enterprise >>>> http://www.orbeon.com/ >>>> >>>> >>>> -- >>>> You receive this message as a subscriber of the [hidden email] >>>> mailing >>>> list. >>>> To unsubscribe: mailto:[hidden email] >>>> For general help: mailto:[hidden email]?subject=help >>>> OW2 mailing lists service home page: http://www.ow2.org/wws >>>> >>>> >>>> ----- >>>> Orbeon Forms - Web 2.0 Forms, open-source, for the Enterprise >>>> http://www.orbeon.com/ >>>> >>>> >>> http://www.nabble.com/file/p15205289/date_sample.jpg >>> -- >>> View this message in context: >>> http://www.nabble.com/input-field-to-the-right-of-calendar-icon-not-visible-tp15048938p15205289.html >>> Sent from the ObjectWeb OPS - Users mailing list archive at >>> Nabble.com. >>> >> >> -- >> Orbeon Forms - Web Forms for the Enterprise Done the Right Way >> http://www.orbeon.com/ >> >> >> >> -- >> You receive this message as a subscriber of the [hidden email] >> mailing >> list. >> To unsubscribe: mailto:[hidden email] >> For general help: mailto:[hidden email]?subject=help >> OW2 mailing lists service home page: http://www.ow2.org/wws >> >> > http://www.nabble.com/file/p15214167/date_manual_entry.JPG > date_manual_entry.JPG :-) > http://www.nabble.com/file/p15214167/date_sample.JPG date_sample.JPG > -- > View this message in context: http://www.nabble.com/input-field-to-the-right-of-calendar-icon-not-visible-tp15048938p15214167.html > Sent from the ObjectWeb OPS - Users mailing list archive at > Nabble.com. > > > -- > You receive this message as a subscriber of the [hidden email] > mailing list. > To unsubscribe: mailto:[hidden email] > For general help: mailto:[hidden email]?subject=help > OW2 mailing lists service home page: http://www.ow2.org/wws Orbeon Forms - Web Forms for the Enterprise Done the Right Way http://www.orbeon.com/ -- You receive this message as a subscriber of the [hidden email] mailing list. To unsubscribe: mailto:[hidden email] For general help: mailto:[hidden email]?subject=help OW2 mailing lists service home page: http://www.ow2.org/wws |
«
Return to Orbeon Forms community mailing list
|
1 view|%1 views
| Free forum by Nabble | Edit this page |