Kuali Rice Development
  1. Kuali Rice Development
  2. KULRICE-11552

When a KRAD view is loading in a lightbox, the page blocking does not block the view

    Details

    • Similar issues:
      KULRICE-13150KRAD Inactivation Blocking error message references Struts
      KULRICE-7668Ajax Rendering of Lightbox doesn't block page
      KULRICE-7467Lightbox - scrollbar is included in lightbox with iframe when not needed (all content in view)?
      KULRICE-9370404 when getting loading message on load of any KRAD view
      KULRICE-12407Browser backbutton navigation broken when viewing lightbox
      KULRICE-11848Inactivation Blocking doesn't work in KNS
      KULRICE-10625Conditional refresh demo view does not load correctly
      KULRICE-5793Loading indicator does not display in lightbox
      KULRICE-5991View/Page Loading fixes - indicator and visual appearance during load
      KULRICE-13730Create Web Tests for KRAD Maintenance Document View Presentation Controller
    • Rice Module:
      KRAD
    • KRAD Feature Area:
      UIF Script
    • Application Requirement:
      KPME
    • KAI Review Status:
      Not Required
    • KTI Review Status:
      Not Required
    • Code Review Status:
      Not Required
    • Include in Release Notes?:
      Yes

      Description

      If a KRAD view is loaded in a lightbox (iframe), for example a lookup, when a button is clicked the page blocking does not block the view in the iframe (just the lightbox background is blocked. Therefore the user can continue to click the same buttons.

      Note test page was also in a portal.

        Activity

        Hide
        Jerry Neal (Inactive) added a comment -

        Naga,

        One thing to check. Verify in your rice config, the param 'portal.javascript.files' contains:

        rice-portal/scripts/portal.initialize.js

        Jerry

        Show
        Jerry Neal (Inactive) added a comment - Naga, One thing to check. Verify in your rice config, the param 'portal.javascript.files' contains: rice-portal/scripts/portal.initialize.js Jerry
        Hide
        Justin Robinson (Inactive) added a comment -

        It does contain that js.

        Justin

        Show
        Justin Robinson (Inactive) added a comment - It does contain that js. Justin
        Hide
        Jerry Neal (Inactive) added a comment -

        One other thing to check. In portal.css do you have these styles (the important one is the z-index):

        7 div.blockOverlay

        { 858 background-color: black; 859 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60) !important; 860 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" !important; 861 opacity:.60; 862 -moz-opacity:.60; 863 z-index: 10100 !important; 864 }

        865
        866 div.blockElement

        { 867 padding: 0; 868 margin: 0; 869 top: 40%; 870 left: 0 !important; 871 background-color: white; 872 textAlign: center; 873 color: #000; 874 border: 3px solid #aaa; 875 cursor: wait; 876 z-index: 10101 !important; 877 }

        878
        879 div.blockPage

        { 880 padding: 0; 881 margin: 0; 882 width: 30%; 883 top: 40%; 884 left: 35%; 885 textAlign: center; 886 color: #000; 887 border: 3px solid #aaa; 888 background-color: white; 889 cursor: wait; 890 z-index: 10101 !important; 891 }
        Show
        Jerry Neal (Inactive) added a comment - One other thing to check. In portal.css do you have these styles (the important one is the z-index): 7 div.blockOverlay { 858 background-color: black; 859 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60) !important; 860 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" !important; 861 opacity:.60; 862 -moz-opacity:.60; 863 z-index: 10100 !important; 864 } 865 866 div.blockElement { 867 padding: 0; 868 margin: 0; 869 top: 40%; 870 left: 0 !important; 871 background-color: white; 872 textAlign: center; 873 color: #000; 874 border: 3px solid #aaa; 875 cursor: wait; 876 z-index: 10101 !important; 877 } 878 879 div.blockPage { 880 padding: 0; 881 margin: 0; 882 width: 30%; 883 top: 40%; 884 left: 35%; 885 textAlign: center; 886 color: #000; 887 border: 3px solid #aaa; 888 background-color: white; 889 cursor: wait; 890 z-index: 10101 !important; 891 }
        Hide
        Naga Malae (Inactive) added a comment -

        Whatever you mentioned above are in our portal.css file. I did check for z-index too.

        Show
        Naga Malae (Inactive) added a comment - Whatever you mentioned above are in our portal.css file. I did check for z-index too.
        Hide
        Naga Malae (Inactive) added a comment -

        <param name="portal.javascript.files" override="false">krad/plugins/jquery/jquery-1.6.3.js,krad/plugins/cookie/jquery.cookie.js,krad/plugins/scrollto/jquery.scrollTo-1.4.2-min.js,krad/plugins/blockUI/jquery.blockUI.js,kr/scripts/my_common.js,krad/plugins/easydrag/jquery.easydrag.js,krad/plugins/fancybox/jquery.fancybox-1.3.4.pack.js,krad/plugins/easing/jquery.easing-1.3.pack.js,krad/plugins/jgrowl/jquery.jgrowl.js,krad/scripts/portal.initialize.js,rice-portal/scripts/easyXDM/easyXDM.js</param> in the
        common-config-default.xml file

        Show
        Naga Malae (Inactive) added a comment - <param name="portal.javascript.files" override="false">krad/plugins/jquery/jquery-1.6.3.js,krad/plugins/cookie/jquery.cookie.js,krad/plugins/scrollto/jquery.scrollTo-1.4.2-min.js,krad/plugins/blockUI/jquery.blockUI.js,kr/scripts/my_common.js,krad/plugins/easydrag/jquery.easydrag.js,krad/plugins/fancybox/jquery.fancybox-1.3.4.pack.js,krad/plugins/easing/jquery.easing-1.3.pack.js,krad/plugins/jgrowl/jquery.jgrowl.js,krad/scripts/portal.initialize.js,rice-portal/scripts/easyXDM/easyXDM.js</param> in the common-config-default.xml file
        Hide
        Jerry Neal (Inactive) added a comment -

        Working with a developer on my team, we found that the CSS classes I asked about on the Jira are not getting applied (or not getting found). Also, we noticed portal.css is not getting included, which is probably why these classes are missing. Regardless, these classes need to be included for the blocking to work correctly:

        div.blockOverlay

        { background-color: #000000; opacity: 0.5; z-index: 10100 !important; }

        div.blockElement

        { background-color: #FFFFFF; color: #000000; cursor: wait; left: 0 !important; margin: 0; padding: 0; text-align: center; top: 40%; z-index: 10101 !important; }

        div.blockPage

        { background-color: #FFFFFF; color: #000000; cursor: wait; left: 35%; margin: 0; padding: 0 0 12px; text-align: center; top: 40%; width: 30%; z-index: 10101 !important; }

        div.blockPage h1

        { font-size: 20px; line-height: 28px; }

        div.blockPage h1 img

        { margin-right: 10px; }
        Show
        Jerry Neal (Inactive) added a comment - Working with a developer on my team, we found that the CSS classes I asked about on the Jira are not getting applied (or not getting found). Also, we noticed portal.css is not getting included, which is probably why these classes are missing. Regardless, these classes need to be included for the blocking to work correctly: div.blockOverlay { background-color: #000000; opacity: 0.5; z-index: 10100 !important; } div.blockElement { background-color: #FFFFFF; color: #000000; cursor: wait; left: 0 !important; margin: 0; padding: 0; text-align: center; top: 40%; z-index: 10101 !important; } div.blockPage { background-color: #FFFFFF; color: #000000; cursor: wait; left: 35%; margin: 0; padding: 0 0 12px; text-align: center; top: 40%; width: 30%; z-index: 10101 !important; } div.blockPage h1 { font-size: 20px; line-height: 28px; } div.blockPage h1 img { margin-right: 10px; }

          People

          • Assignee:
            Jerry Neal (Inactive)
            Reporter:
            Naga Malae (Inactive)
          • Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

            Dates

            • Created:
              Updated:
              Resolved:

              Time Tracking

              Estimated:
              Original Estimate - 4 hours
              4h
              Remaining:
              Remaining Estimate - 4 hours
              4h
              Logged:
              Time Spent - Not Specified
              Not Specified

                Structure Helper Panel