5 Replies Latest reply: May 24, 2013 10:39 AM by oldoracle RSS

    Apex 4.2.1 - mobile theme display bugs and Cascading LOV bug

    oldoracle
      I've setup a test at http://apex.oracle.com/pls/apex/f?p=35331 - username/password is test/test

      Simple page to show some issues I'm running into. Wondering if work-arounds exist or if a patch would be available before we'd go live.

      First and second issue are the same I believe. So - a normal text box (label1) looks fine. But, Label2 is a Display only item and Label3 is a read-only select list item. As you can see - both of the values appear smack dab right beside the label and not in line with the other fields. It's totally ugly and not usable as is. I've tried to move this over, but the label goes with it. I can see no way of doing it, but wondering if there's some hack I can put in to solve it...

      The last issues is with a cascading LOV. Simple table setup. Static on the first, the second a simple query that filters on the first. If you set the select list to Value Required and not to display null values - then when you click on the Second List button - it just hangs. The page is unusable. I suspect this has to do with the null or something. But - doesn't appear to matter if anything is chosen. Note - if the list is large - which I think then uses a different UI control, this is fine. Only when one of the lists is small does the issue reproduce.

      Any workarounds or fixes? Any ideas?

      Thanks
        • 1. Re: Apex 4.2.1 - mobile theme display bugs and Cascading LOV bug
          oldoracle
          I've added another bug on this page. I don't think we can use this interface as is right now. We were hoping to release a mobile app - I think an app built natively would be better, but this was supposed to be a fast to market solution. However - I'm finding too many bugs to workaround. Any idea of a new version is in the works and timing? I don't think I have the knowledge or time to dig into the javascript to see what's happening here... I'd like to log these bugs in oracle, I just don't a CSI number for this client to do it right now as we're evaluating.
          • 2. Re: Apex 4.2.1 - mobile theme display bugs and Cascading LOV bug
            Patrick Wolf-Oracle
            Hi,

            I would suggest to not mix different questions and a thread for each of them. Makes it easier for others to follow.

            About your problem with the cascading LOVs, it appears that this is/was a bug in jQuery Mobile which we use under the hood. I was able to reproduce the problem with APEX 4.2.1 using jQM 1.2.0, but was not able to reproduce it with APEX 5.0 which will use jQM 1.3.0RC1 or higher. The problem occurs if a select list is empty.

            There are different workarounds available:

            1) set the attribute "HTML Form Element Attributes" of P1_CLOV_2 to
            data-native-menu="false"
            or

            2) set the attribute "Display Null Value" of P1_CLOV_2 to Yes and "Null Display Value" to - select - (or something similar). The "Value Required" = Yes will still guarantee that a value has to be picked. Having the extra null entry will guarantee that the select list always contains an entry, that seems to workaround the bug in jQuery Mobile.

            I have filed bug 16355963 - jquery mobile: empty select list causes javascript error
            to track that this is definitely fixed in APEX 5.0.

            Regards
            Patrick
            -----------
            My Blog: http://www.inside-oracle-apex.com
            APEX Plug-Ins: http://apex.oracle.com/plugins
            Twitter: http://www.twitter.com/patrickwolf
            • 3. Re: Apex 4.2.1 - mobile theme display bugs and Cascading LOV bug
              Patrick Wolf-Oracle
              About your second bug with the strange redirect, that's already something we track with

              bug# 16184694 - jquery mobile:select list of type multi selection triggers redirect after submit

              The bug might be misleading for your problem, but it's the same issue. Looks like that's also fixed in jQuery Mobile 1.3.0. As with your other problem, it looks like that the jQuery Mobile fallback to use a dialog to pick a value is buggy. As a workaround:

              Enter

              $("#wwvFlowForm", apex.gPageContext$).attr("data-ajax", false);

              into "Execute when Page Loads" attribute of page which contains the select list page item to not use an AJAX call for the submit. Avoiding the AJAX call will trigger a full page refresh which will also cleanup the jQuery Mobile call stack.

              Regards
              Patrick
              -----------
              My Blog: http://www.inside-oracle-apex.com
              APEX Plug-Ins: http://apex.oracle.com/plugins
              Twitter: http://www.twitter.com/patrickwolf
              • 4. Re: Apex 4.2.1 - mobile theme display bugs and Cascading LOV bug
                oldoracle
                Thanks Patrick - long delay. We built a demo site for the client to try. I was on to another project. Looks like it will be a go, so I'm going to look into these workarounds and try them. I'll let you know how it goes.
                • 5. Re: Apex 4.2.1 - mobile theme display bugs and Cascading LOV bug
                  oldoracle
                  Well - I made the change in my test and it fixed the issue. (Thanks!) However - I'm still seeing the issue in my production. I need to see what's different. Perhaps it is some javascript conflict. I'll try to add/remove items until I can narrow that down.