Data Picker popup position

How can I control the position where the date picker popup window appears? It would be nice if it could appear close to the calendar icon on the item which launches it.
Thanks

Vikas,
The date picker popup has no attributes that would allow you to position the popup window on your screen.
Regards,
Marc

Similar Messages

How can I customize the date-picker inline popup

Hi All,
I have a customer who want to customize the <af:inputDate>. He want a additional button appear under the calendar box in the date-picker popup.
Document http://docs.oracle.com/cd/E23549_01/apirefs.1111/e12419/tagdoc/af_inputDate.html mentions org.apache.myfaces.trinidad.convert.ClientConverter interface, is it a right way to do that ? If yes where can I get a sample ?
Regards and Thanks.
Jerry

Hi,
add the af:convertDateTime tag to see the exploded dialog. Note that this doesn't allow you to add custom buttons to the dialog. Its just extends the functionality
http://docs.oracle.com/cd/E23943_01/apirefs.1111/e12419/tagdoc/af_convertDateTime.html
<af:inputDate label="Label 1" id="id1">
<af:convertDateTime type="both"/>
</af:inputDate>
Frank

Move Date Picker Pop Up Location

Hello All,
What is the easiest way to move the location of the pop up window when using a Date Picker on a form page?
Currently using Sand Theme it pop ups at the top of the screen in IE and Firefox.
We would like it to popup right next to the item on the form?
We have several on a form and would like to get the users accustom to same location or middle of screen focus.
Regards,
Robert

I don't think this is possible whether you can access the javascript or not. There are a few essential parameters which are, as far as I know, unavailable. These are:
o the position of the browser window on the screen
o the height of the 'chrome' (title bar, menus, icons, address bar, tabs, etc) above the page
o the width of the chrome on the left of the page, eg the bookmarks
Also, the width, in pixels, of the input item cannot be known. This would be necessary for my solution (below), where I position the window relative to the input item, as that's the nearest element with an ID.
The javascript generated by ApEx for the data picker doesn't declare the window object's reference with the VAR keyword (this terminology may be way off track!), so I was able to create a wrapper around this and create a variable with the same name, which will be in scope for the ApEx javascript. Now I can reference the popup window when ApEx has finished creating it. Then it's just a case of finding the input field's position on the page (using this: http://www.quirksmode.org/js/findpos.html) and adjusting for the page scroll and 'chrome' size before setting the date picker's position.
This assumes the browser window is at the top-left of your screen and that all the chrome (even the status bar) is at the top or left of the window.
http://htmldb.oracle.com/pls/otn/f?p=25637:12
Works in Firefox but not IE6. Works in Opera but behaves slightly differently than in FF.
You can use the same technique to hack the javascript and position the window in the middle of the screen but I wouldn't bother. It should be possible, but it would need implementing on an item-by-item basis and might break in later versions of ApEx. Also, Firefox has an option to disable any javascript which moves windows, so some users would never notice your efforts.

Better date picker for ApEx 3.2?

One of my least-liked features in ApEx 3.2 is the poor performance of the date picker popup. It redraws whenever the user changes the month or year, and it takes so long, that I've found most of the time, a user will change both fields in the time it takes for the first one to take effect, so the second change ends up being ignored.
Ideally, I would like to find a drop-in replacement for the built-in date picker that will do everything in JavaScript, within the window, and bonus points for some additional validation options (like min/max date). The date picker in ApEx 4 is actually perfect, I think.
So, my question: 1) Has anybody tried to backport the date picker from ApEx 4 into an ApEx 3.2 application? Can this be done without substantial rewiring of the calling page? 2) If not, can anybody recommend a good replacement for the built-in one in 3.2? Again, my goal is to just replace the JavaScript call on that form element with a different one, and require no other changes to the page.
Thanks,
Keith

Thanks, Dan -- you mentioned this in another thread, too, and I was just starting to look into whether I could simply drop in this datepicker in place of the one in ApEx. It looks like I can, but if you're verifying that this is the case, then this definitely meets my needs, and I'll eagerly start looking into this.
Still, I think it would be cool if someone backported the one in ApEx 4. That one is so much nicer! :-)
Cheers!

How can we restrict the date range in the date picker

While selecting any date a pop up date picker appears. In this date picker the users can select any future dates which can be 30-40 yrs ahead. How can customize this date picker so that the users are not allowed to slected date beyond certain range. ...??

Hi user570596,
I think there is no method to actually restrict the date picker popup, but you can use the ApexLib Framework (http://apexlib.sourceforge.net/) to define a min/max value for your date field. This will prevent the user from submitting the page when the date value is outside the defined range.
See http://inside-apex.blogspot.com/2007/03/min-max-value-validation-in-browser.html
for details.
Patrick
Check out my APEX-blog: http://inside-apex.blogspot.com
Check out the ApexLib Framework: http://apexlib.sourceforge.net

ADF BC - Date Picker closes Popup

Hi all,
I have a inputDate field inside of a form which is in a popup. When i choose a date from the date picker that comes up, (the one built in to the inputDate field) my popup closes. Is there a way to keep the popup open until a user clicks back on the main page, or clicks the commit button (commit button is inside the form, inside the popup)
Thanks,
Dan

Try to place a panelDialog or panelWindow inside your pop up and have the Form inside it.
http://jdevadf.oracle.com/adf-richclient-demo/faces/components/panelWindow.jspx

Date picker in a popup window

Hi all,
There are 2 pages, page 1 contains a button, when user click on it, a new window will popup showing page 2 which is a entry form has a date picker item.
The javascript behind the button in page 1 is like: (in target URL field.)
javascript:popupURL('f?p=101:2:&SESSION.');
It works fine except the date picker window wouldn't popup again in the second page. If I run the 2nd page individually it works well, it doesn't work only if I run it in a popup window.
Is this a bug or something? How can we fix it.
Many thanks!
Pete

Hello Pete,
>> It works fine except the date picker window wouldn't popup again in the second page. If I run the 2nd page individually it works well, it doesn't work only if I run it in a popup window.
You are using the ‘popupURL’ function, which uses a hard coded value – WinLov – for the ‘name’ parameter. That could be a problem in a recursive call.
Patrick solution is of course valid, but if you want to use a popup window format, try using the ‘popUp2’ function. The function generates a “random” name, so the problem should be solved.
Regards,
Arie.

Opening Date Picker in popup window

Hi All,
I'd like to be able to use a Date Picker in a custom popup window that I've developed. When I open the date picker however, because I'm already in a popup window the date picker fills the whole of the custom popup, rather than opening in its own window.
Is there a way to force the date picker into using a new window?
Thanks,
Mike

Hi Mike;
Thanks for the responce. My Tabular (Popup) form is wizard generated. This is the code I use to call the Popup:
<script language="JavaScript" type="text/javascript">

</script>
<script language="JavaScript" type="text/javascript">
function callACNEPopup (formItem1) {
var formVal1 = document.getElementById(formItem1).value;
var url;
url = 'f?p=&APP_ID.:60:&FLOW_SESSION.::::P60_ACAC_UID:' + formVal1;
wACNE = open(url,"winLov","Scrollbars=1,resizable=1,width=675,height=300");
if (wACNE.opener == null)
wACNE.opener = self;
wACNE.focus();
</script>
The Calendar is simply a date picker.

How to insert a date picker input text field in a JSF Jsp page

Hi,
I have to develop an application using generic facets, unfortunately I am not supposed to use ADF Faces components given by Oracle.
Now my requirement is, on JSP page an input text field which holds a DATE value is required, it should also have a Date Picker Calendar adjacent to it.
Could you pls shed some light on this issue and help me out.
Thanks
~Siva(ji)

<HTML>
<script language="JavaScript" type="text/javascript">

</script>
<BODY
<button id="c1" onclick="cstmPup(c1,pUpCstm)">Custom PopUp</button>
<'div' id="pUpCstm" style="display:none;">
<'div' id="myid" align="left" style=" width:100%; height:100%; background:#cccccb; border:1px solid black; border-top:1px solid white; border-left:1px solid white; padding:10px; font:normal 10pt tahoma; padding-left:18px "> <b>Rich Message Boxes</b>
<hr size="1" style="border:1px solid black;">
     <div style="width:220px; font-family:tahoma; font-size:80%; line-height:1.5em"><br>
          <table border ="1" id="myTable">
               <TR>
                    <TD> SUN </TD>
                    <TD> MON </TD>
                    <TD> TUE </TD>
                    <TD> WED </TD>
                    <TD> THU </TD>
                    <TD> FRI </TD>
                    <TD> SAT </TD>
               </TR>
          </table>
     <br><br>
     </div>
     <br>
     <div>
<button tabindex="-1" onclick="hPopUpc()" style="border:1px solid black; border-left:1px solid white; border-top:1px solid white; background:#cccccc ">Close Message</button>
</div>
<?BODY
</HTML>
Message was edited by:
mchepuri
Message was edited by:
mchepuri
Message was edited by:
mchepuri

Date Picker Doesn't Like Retrieved or Typed In Date Values

I have more than one Region on a page, so I retrieve the column values for a region this way:
(On LOad, Before Header, Once per Page Visit)
BEGIN
EXECUTE IMMEDIATE 'ALTER SESSION SET NLS_DATE_FORMAT='''||:pick_date_format_mask||'''';
FOR request_rec IN (SELECT dev_requested_ind,
dev_requested_dttm,
dev_analyst_seq,
dev_completed_ind,
dev_completed_dttm,
dev_dba_seq,
sit_requested_ind,
sit_requested_dttm,
sit_analyst_seq,
sit_completed_ind,
sit_completed_dttm,
sit_dba_seq,
uat_requested_ind,
uat_requested_dttm,
uat_analyst_seq,
uat_completed_ind,
uat_completed_dttm,
uat_dba_seq,
prd_requested_ind,
prd_requested_dttm,
prd_analyst_seq,
prd_completed_ind,
prd_completed_dttm
FROM request_tbl
WHERE request_seq = :p16_request_seq)
LOOP
:p16_dev_requested_ind := request_rec.dev_requested_ind;
:p16_dev_requested_dttm := request_rec.dev_requested_dttm;
:p16_dev_analyst_seq := request_rec.dev_analyst_seq;
:p16_dev_completed_ind := request_rec.dev_completed_ind;
:p16_dev_completed_dttm := request_rec.dev_completed_dttm;
:p16_dev_dba_seq := request_rec.dev_dba_seq;
:p16_sit_requested_ind := request_rec.sit_requested_ind;
:p16_sit_requested_dttm := request_rec.sit_requested_dttm;
:p16_sit_analyst_seq := request_rec.sit_analyst_seq;
:p16_sit_completed_ind := request_rec.sit_completed_ind;
:p16_sit_completed_dttm := request_rec.sit_completed_dttm;
:p16_sit_dba_seq := request_rec.sit_dba_seq;
:p16_uat_requested_ind := request_rec.uat_requested_ind;
:p16_uat_requested_dttm := request_rec.uat_requested_dttm;
:p16_uat_analyst_seq := request_rec.uat_analyst_seq;
:p16_uat_completed_ind := request_rec.uat_completed_ind;
:p16_uat_completed_dttm := request_rec.uat_completed_dttm;
:p16_uat_dba_seq := request_rec.uat_dba_seq;
:p16_prd_requested_ind := request_rec.prd_requested_ind;
:p16_prd_requested_dttm := request_rec.prd_requested_dttm;
:p16_prd_analyst_seq := request_rec.prd_analyst_seq;
:p16_prd_completed_ind := request_rec.prd_completed_ind;
:p16_prd_completed_dttm := request_rec.prd_completed_dttm;
END LOOP;
END;
p16_dev_requested_dttm is defined as a Date Picker (use application format mask)
The data source is a Date column called dev_requested_dttm. I haven't defined a format mask for it. (I have tried using &PICK_DATE_FORMAT_MASK..)
The Application Format Mask is defined as a Subsitution String called
PICK_DATE_FORMAT_MASK
with a value of
MM/DD/YYYY HH:MI AM
The retrieved column value for p16_dev_requested_dttm looks fine, but when I click the date picker pushbutton, I get this message:
Not Found
The requested URL /pls/htmldb/wwv_flow_utilities.show_as_popup_calendar was not found on this server.
Oracle-Application-Server-10g/10.1.2.0.0 Oracle-HTTP-Server Server at edwdev.dhhs.state.nh.us Port 7779
I also get a line in my log file,
/vg02lvol1/app/oracle/product/htmldb/Apache/Apache/logs/error_log.1133956800:
[Wed Dec 7 16:23:43 2005] [error] [client 172.16.252.76] [ecid: 1133990623:172.17.96.35:1802:0:9870,0] mod_plsql: /pls/htmldb/wwv_flow_util
ities.show_as_popup_calendar HTTP-404 ORA-01849: hour must be between 1 and 12\nORA-06512: at "FLOWS_020000.WWV_FLOW_UTILITIES", line 1801\n
ORA-06512: at line 22\n
This happens with both FireFox and Internet Explorer.
Any ideas what's causing this?
-F
Message was edited by:
Fred C Willingham

Fred,
Unfortunately, the answer is no to both of your questions.
There is no way for you as a developer to control which date is highlighted in the popup calendar. It will always highlight the current day (if you're displaying a month that contains the current day). This is an interesting and prudent suggestion, and one which we'll consider for an upcoming release of HTML DB.
With regards to your second point, that also is something we should consider for an upcoming release of HTML DB. This isn't impossible for us to do, it was just designed to work in the current fashion. If you look at the generated HTML for the Date Picker item on the page (not the popup calendar itself, but the page on which the item is rendered), we break out each element of the date value into discrete components. When we instead rely upon the user entered value, garbage or date values not conforming to the date format mask are easily entered. And the question is - what to do then? Raise an error immediately, still popup the calendar and show the current month, etc. So we've tried to be fairly strict about the date values and format masks for the popup calendar, hence the implementation you see.
Thanks again for your comments.
Joel

How to Resize the default date picker calendar

Hello Experts,
SAP CRM web UI shows a date picker as follows for populating fields of type date.
We noticed a strange issue that for months like January 2015 , the width of the date picker is lesser than what is shown for November 2014.
As you can see in the following snapshot , the dropdown icon of the second field is hidden when the month shown is November 2014.
This an issue because of the different sizes shown for different months , users would have to move mouse pointer when they to move to next months by clicking on the next arrow icon.
Any tricks to fix the width of the date picker will be really appreciated.

Hi Praveen,
You can try following tricks -
1. Go to SE80, search for BSP Application = 'thtmlb_styles'
2. under Pages with Flow Logic - we have one CSS file called "thtmlb_core_stand.css"
3. In this file try changing width of method call ' #thtmlb-calendar-container ' to 150px like shown below.
#thtmlb-calendar-container {
     display:                none;
     position:               absolute;
     width:                  150px;
hope it helps.
Best Regards,
Sandeep Kumar B

How do you add a format to the "Date Picker Format Mask" available formats?

Hi,
When I select the Date Picker Format Mask or "Number / Date Format" they doen't have YYYYMMDD or others that may be desired...
How do you add a format to the available formats?
Thank you, Bill

Bill - From the popup help text:
If you need to create a Date Picker item, but the format you need does not appear in the Display As list, select Date Picker (use application format mask). When an application uses this type of date picker, the Application Express engine derives the date format from an item named PICK_DATE_FORMAT_MASK. You can populate this item in two ways:
- By defining an application substitution string named PICK_DATE_FORMAT_MASK
- By creating an application-level item named PICK_DATE_FORMAT_MASK
See the doc for more details.
Scott

Help on Date Picker

Hi All,
Is there any date pciket UI element available . I am not able to see any in type of UI elements avaiable in my NWDS.
Thanks
Supriya.

Hi Friend,
Binding the input field to an attribute of date type will automatically bring in the date picker and the standard validations for that. So, you needn't worry about it. In case you need to have your own date format and your custom validations over it, then I am afraid you would have to bind this input field with a string type attribute and have a dateNavigator UI element as popup on click of a button next to input field to browse for date, but it would unnecessarily be an overhead on performance of the application.
Regards,
Tushar S

Calendar Image not displayed in Date Picker

Hello Everybody
We are currently running HTMLDB 1.5 on a 9.2.0 Oracle DB. Earlier this week, we had to adjust path for #IMAGE_PREFIX# to point to a new location. Since then, the PopUp Date-Picker won't work. The Image path still points to the old location (i.e /i/arwlftw.gif) rather then our new IMAGE_PREFIX. Since the code of the javascript function wwv_flow_utilities.show_as_popup_calendar is wrapped in the package, we can't change the path manually.
Any help would be appreciated. We almost finished our application, and we are stuck at this point.
Thanks for your help
Simon

Tools>Internet Options>Security tab, click "Reset all zones to default"
MSIE browsers use MIME sniffing. rename the file back to its .jpg extension.
Rob^_^

Date Picker not working in Crystal XI Developer

Post Author: laksh_hari
CA Forum: Crystal Reports
Hi,
I recently purchased Crystal Reports XI and am running it on Windows Vista.. The Date picker control does not popup for any date parameter fields.. Can you please let me know why it does that and how I can rectify that?

hi,
I'm able to do this as I chose the validation type JAVA.
Rgds,
Shahnawaz
Edited by: 907938 on Feb 24, 2012 5:22 AM

Data Picker popup position

Similar Messages

Maybe you are looking for