ICEfaces
  1. ICEfaces
  2. ICE-11061

ace:dialog - Transparent dialog shown when used with ICEmobile

          Details

          • Type: Bug Bug
          • Status: Closed
          • Priority: Minor Minor
          • Resolution: Fixed
          • Affects Version/s: EE-3.3.0.GA_P03
          • Fix Version/s: EE-3.3.0.GA_P04
          • Component/s: ACE-Components, MOBI-Components
          • Labels:
            None
          • Environment:
            ICEmobile, mobi components, ACE components
          • Assignee Priority:
            P2
          • Support Case References:
          • Workaround Exists:
            Yes
          • Workaround Description:
            Hide
            Override the style class that is causing the transparency by setting the styleClass on the component:

            <ace:dialog styleClass="dialogStyle"....>

                    <style>
                        .dialogStyle {
                            background: white !important;
                        }
                    </style>
            Show
            Override the style class that is causing the transparency by setting the styleClass on the component: <ace:dialog styleClass="dialogStyle"....>         <style>             .dialogStyle {                 background: white !important;             }         </style>

            Description

            If an ace:dialog used in an application that uses ICEmobile mobi components, the dialog is displayed transparent. The content displayed behind the component come through the dialog.

            This happens for both client and server side opened dialogs as well as modal dialogs.

              Issue Links

              depends on

              Bug - A problem which impairs or prevents the functions of the product. MOBI-1158 mobi:deviceResource android_light theme is loaded for desktop browsers

              • Major - Major loss of function.
              • Resolved

                Activity

                Ascending order - Click to sort in descending order
                Hide
                Permalink
                Arran Mccullough added a comment -

                Attached test case that shows this issue.

                Steps:

                • Load welcomeICEfaces.jsf
                • Click on one of the links to open a dialog.
                • Drag the dialog over the text on the page.
                Show
                Arran Mccullough added a comment - Attached test case that shows this issue. Steps: Load welcomeICEfaces.jsf Click on one of the links to open a dialog. Drag the dialog over the text on the page.
                Hide
                Permalink
                Arran Mccullough added a comment -

                Issue seems to be caused by the following CSS that is added from the android_light.css file:

                .ui-dialog

                { background: none !important; }
                Show
                Arran Mccullough added a comment - Issue seems to be caused by the following CSS that is added from the android_light.css file: .ui-dialog { background: none !important; }
                Hide
                Permalink
                Arturo Zambrano added a comment -

                This issue only occurs when mobi:deviceResource is on the page, because it adds the android_light.css resource.

                This is a logic error in the icemobile project, specifically in the deriveTheme() method in the org.icemobile.util.CSSUtils class, which is used by org.icefaces.mobi.component.deviceresource.DeviceResourceRenderer. So, I wonder if fixing this issue in the icemobile project would suffice or if we should implement a workaround in icefaces 3.3 ee.

                Show
                Arturo Zambrano added a comment - This issue only occurs when mobi:deviceResource is on the page, because it adds the android_light.css resource. This is a logic error in the icemobile project, specifically in the deriveTheme() method in the org.icemobile.util.CSSUtils class, which is used by org.icefaces.mobi.component.deviceresource.DeviceResourceRenderer. So, I wonder if fixing this issue in the icemobile project would suffice or if we should implement a workaround in icefaces 3.3 ee.
                Hide
                Permalink
                Arturo Zambrano added a comment -

                Created MOBI-1158 to fix this issue in the icemobile project.

                r48970: modified logic in deriveTheme() to load base theme on desktop browsers

                Show
                Arturo Zambrano added a comment - Created MOBI-1158 to fix this issue in the icemobile project. r48970: modified logic in deriveTheme() to load base theme on desktop browsers
                Hide
                Permalink
                Liana Munroe added a comment - - edited

                Verified desktop issue resolved using the attached test app and icefaces-mobi.jar from icemobile trunk Jenkins build 2126. Tomcat 8, IE edge, 11, 10, FF 43, Chrome 51.

                Show
                Liana Munroe added a comment - - edited Verified desktop issue resolved using the attached test app and icefaces-mobi.jar from icemobile trunk Jenkins build 2126. Tomcat 8, IE edge, 11, 10, FF 43, Chrome 51.

                  People

                  • Assignee:
                    Arturo Zambrano
                    Reporter:
                    Arran Mccullough
                  • Votes:
                    0 Vote for this issue
                    Watchers:
                    3 Start watching this issue

                    Dates

                    • Created:
                      Updated:
                      Resolved: