MyFaces Trinidad
  1. MyFaces Trinidad
  2. TRINIDAD-909

lightweight dialog/modal panelPopup - skinnable blocked area

    Details

    • Type: Improvement Improvement
    • Status: Closed
    • Priority: Minor Minor
    • Resolution: Fixed
    • Affects Version/s: 1.0.5-core, 1.2.5-core
    • Fix Version/s: 1.0.8-core, 1.2.8-core
    • Component/s: Skinning
    • Labels:
      None

      Description

      the area outside a lightweight dialog (or modal panelPopup) is blocked (it's a transparent div + cursor: not-allowed which covers the whole page)
      this new skinning selector allows the styling of the blocked area.

      e.g.:
      af|dialog::blocked-area{
      background-color: black !important;
      filter: Alpha(opacity: 60) !important;
      -moz-opacity: 0.6;
      }

      1. skinning_blocked_area.patch
        5 kB
        Gerhard Petracek
      2. skinning_blocked_area_beta.patch
        7 kB
        Gerhard Petracek

        Issue Links

          Activity

          Hide
          Gerhard Petracek added a comment -

          this patch is a first draft for: implementation and naming
          + a basis for the final solution
          todo - e.g.:
          improve the coverage of the blocked area (onresize and onscroll)
          however, that's a separate issue - also the current implementation doesn't block the whole page

          Show
          Gerhard Petracek added a comment - this patch is a first draft for: implementation and naming + a basis for the final solution todo - e.g.: improve the coverage of the blocked area (onresize and onscroll) however, that's a separate issue - also the current implementation doesn't block the whole page
          Hide
          Gerhard Petracek added a comment -

          the committed patch: skinning_blocked_area.patch
          difference: recalculation of the blocking div isn't patched

          Show
          Gerhard Petracek added a comment - the committed patch: skinning_blocked_area.patch difference: recalculation of the blocking div isn't patched
          Hide
          Cristiano added a comment -

          I've applied with success this styling on the blocked area in my CSS (i use the Trinidad framework 1.2.8) and it's OK with Firefox, Safari, IE6, but it fails on IE7. It seems that IE7 ignores completely the "af|dialog::blocked-area"...every style that i write inside this CSS block does noy applied.
          I've tried a lot of workarounds witout success...someone can help me please??
          Thanks a lot.

          Cristiano

          Show
          Cristiano added a comment - I've applied with success this styling on the blocked area in my CSS (i use the Trinidad framework 1.2.8) and it's OK with Firefox, Safari, IE6, but it fails on IE7. It seems that IE7 ignores completely the "af|dialog::blocked-area"...every style that i write inside this CSS block does noy applied. I've tried a lot of workarounds witout success...someone can help me please?? Thanks a lot. Cristiano
          Hide
          Gerhard Petracek added a comment -

          solution for ie 7:

          e.g.:
          af|dialog::blocked-area

          { background-color: black !important; filter: Alpha(opacity: 60) !important; }
          Show
          Gerhard Petracek added a comment - solution for ie 7: e.g.: af|dialog::blocked-area { background-color: black !important; filter: Alpha(opacity: 60) !important; }

            People

            • Assignee:
              Gerhard Petracek
              Reporter:
              Gerhard Petracek
            • Votes:
              0 Vote for this issue
              Watchers:
              0 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Development