8 Replies Latest reply: Mar 25, 2008 6:04 PM by 357241 RSS

    Date Picker problem in Apex 3.1

    445095
      Hi,
      I upgraded my apex to 3.1 and found that the date picker icon behaviour become quite strange.
      If I set the label of the date picker Horizontal/Vertical Alignment to Above, the picker icon will show below the text box instead of right side. And the pop-up calendar for Date Picker (DD-MM-YYYY HH24:MI) also not high enought to show the Close and OK button, I have to manually adjust the pop-up calendar height.

      All this problems were not there in 3.01, is these some kind of bug?

      Thanks

      Vincent
        • 1. Re: Date Picker problem in Apex 3.1
          357241
          Hello,

          We will investigate these issues.

          Regards,
          Carl

          blog : http://carlback.blogspot.com//
          apex examples : http://apex.oracle.com/pls/otn/f?p=11933:5
          • 2. Re: Date Picker problem in Apex 3.1
            445095
            Hi,
            I found that the problem seem only occur on Wizard pages type.

            Rgds

            vincent
            • 3. Re: Date Picker problem in Apex 3.1
              357241
              Hello,

              Fix for datepicker size issue.

              Re: Date popup problem in APEX 3.1

              Still looking into fixes for the wrapping issue.

              Regards,
              Carl

              blog : http://carlback.blogspot.com//
              apex examples : http://apex.oracle.com/pls/otn/f?p=11933:5
              • 4. Re: Date Picker problem in Apex 3.1
                357241
                Hello,

                Here's a CSS fix for the image wrapping issue, it doesn't fix the the issue in every instance but it seems to take care of many of them. There a few other ways to fix this but they are even more invasive.

                http://apex.oracle.com/pls/otn/f?p=11933:14
                <style type="text/css">
                fieldset.datepicker{white-space:nowrap !important;display:block !important;height:1.5em !important;line-height:1.5em !important;}
                fieldset.datepicker input{vertical-align:middle;white-space:nowrap !important;float:left;width:80%;}
                fieldset.datepicker a{vertical-align:middle;white-space:nowrap !important;position:relative;right:0;}
                </style>
                Just put the code in the <head> area of your page template.

                A better fix to this will be in the patch.


                Regards,
                Carl

                blog : http://carlback.blogspot.com/
                apex examples : http://apex.oracle.com/pls/otn/f?p=11933:5
                • 5. Re: Date Picker problem in Apex 3.1
                  445095
                  Hi, Carl
                  Unfortunately, I added the CSS fix you suggested and the page become worse. The datepicker text box become very small and the image wrap on every datepicker items.

                  Regards.
                  Vincent
                  • 6. Re: Date Picker problem in Apex 3.1
                    357241
                    Hello,

                    Can you put an example of your particular layout on apex.oracle.com. The solution I had worked in most of the case's I tested , obviously yours is different.

                    The next best solution would be to either shim the items with images, or to specifically set the widths of the containing table cells.

                    The reason all this is happening is sometimes , depending on the region templates and CSS the regions will collapse down on the content, and the the browsers will do there best to fit the content in the smallest place possible, Unfortunately, in some cases the browsers ignore both nowrap="nowrap" and/or style="white-space:nowrap", why would I want to put nowrap on something and still have it wrap, I don't know it's not me it's the browsers.

                    The solution in the patch I'm leaning towards is wrap item into a table. As it will work perfectly everywhere , and greatly annoy people that want tableless layouts, but that won't be available till the patch.

                    Regards,
                    Carl

                    blog : http://carlback.blogspot.com/
                    apex examples : http://apex.oracle.com/pls/otn/f?p=11933:5
                    • 7. Re: Date Picker problem in Apex 3.1
                      445095
                      Hi,
                      I created a sample in apex.oracle.com,
                      Workspace : pjsiong
                      User ID : PJSIONG@HOTMAIL.COM
                      Password :pikefi

                      please refer to the page 10 in the sample application.

                      Thanks
                      • 8. Re: Date Picker problem in Apex 3.1
                        357241
                        Hello,

                        I made it harder than it needed to be try this instead , yet again.
                        <style type="text/css">
                        fieldset.calculator *, fieldset.colorpicker *,fieldset.lov *,fieldset.datepicker *{display:inline !important;}
                        
                        </style>
                        The new search regions are setting &lt;a> to be block level elements, that line of code fixes that for popup lov and datepicker items.
                        Regards,
                        Carl

                        blog : http://carlback.blogspot.com/
                        apex examples : http://apex.oracle.com/pls/otn/f?p=11933:5

                        Message was edited by:
                        Carl Backstrom