Loading ...
Sorry, an error occurred while loading the content.

Simple Dialog!

Expand Messages
  • jerry_gagliano
    Hi, I am having problems with the mask and the dialog that appears in IE of course. Firefox and opera are both working great. What is happening is that the
    Message 1 of 3 , Nov 17, 2007
    • 0 Attachment
      Hi,

      I am having problems with the mask and the dialog that appears in IE
      of course. Firefox and opera are both working great.

      What is happening is that the mask is appearing over the dialog. I
      know it has something to do with the z-index but my mask
      I have it at z-index:1 and my container i have it at z-index:2.

      .yui-overlay,
      .yui-panel-container {
      visibility:hidden;
      position:absolute;
      z-index: 2;
      }

      .mask {
      z-index: 1;
      display:none;
      position:absolute;
      top:0;
      left:0;
      -moz-opacity: 0.5;
      opacity:.50;
      filter: alpha(opacity=50);
      background-color:#CCC;
      }

      Now the solution I can do is put the html dialog below the body tag so
      it renders the dialog before my html design gets rendered and that
      works. But if I put it within the design the mask issue happens. I
      know the simple answer is just leave it below the body tag but the
      thing is I am using a framework that uses one main layout. So I don't
      want this dialog to render in all the pages.

      Any clues?

      Thanks in advance!
    • Satyen Desai
      Hi, Sorry about the delayed response. If you re still having problems with this, can you let us know the version of YUI you re working with. If possible a link
      Message 2 of 3 , Nov 26, 2007
      • 0 Attachment
        Hi,

        Sorry about the delayed response. If you're still having problems with
        this, can you let us know the version of YUI you're working with. If
        possible a link to a page showing the problem would be helpful.

        It's likely that your SimpleDialog (when not an immediate child of BODY)
        is the child/grandchild of an element which is relatively positioned,
        but has no z-index, bringing out an IE bug related to stacking order
        (details are in Container's known issues section).

        Since the mask is always rendered as a child of BODY, you'll need to
        make sure that if you're rendering the SimpleDialog into a containing
        element other than BODY which has absolutely or relatively positioned
        ancestors, the positioned ancestor has a z-index greater than the mask
        (which has a default z-index of 1, for YUI 2.3.1).

        Regards,
        Satyen
      • sandeeproop rai
        Hi, i am new to the YUI library i am using SimpleDialog dialog box i want to set the zIndex property for this dialog box but it is not setting it up i am
        Message 3 of 3 , Nov 30, 2007
        • 0 Attachment
          Hi,
              i am new to the YUI library i am using SimpleDialog dialog box i want to set the zIndex property for this dialog box but it is not setting it up i am pasting my code below can any body help me out.
           

          ancelEventpopUpCreate :

          function(ev_id){

                             var handleYes = function() {

                               alert($("flag_val").value+ " : ev_id "+ev_id);

                              

          this.destroy();

                                 };

                                  var handleNo = function() {

                                  isCancelling =

          false;

                                 this.destroy();

                               };

                               var warn_txt="<div class='gray left font_s left_margin_20'><div><input type='radio' name='warv_radio' id='cancel_series' value='S'/> Do you want to cancel the Whole series</div> " ;

                                warn_txt +=

          "<div class='pad_left_5 top_margin_5'><input type='radio' name='warv_radio' id='cancel_event' checked value='I'/> Do you want to cancel the current Event<div>" ;

                                warn_txt +=

          "<input type='hidden' id='flag_val' value='I' /></div>";

                               YAHOO.widget.Module.CSS_HEADER=

          "hd left gray";

                               YAHOO.ms.panel.simpledialog1 =

          new YAHOO.widget.SimpleDialog("simpledialog1" ,

                                    { width:

          "400px",

                                      fixedcenter:

          true,

                                      visible:

          false,

                                      modal:

          true,

                                       text: warn_txt,

                                       icon: YAHOO.widget.SimpleDialog.ICON_WARN,

                                      zIndex : 255,

                                      constraintoviewport :

          true,

                                        buttons: [ { text:

          "Yes", handler:handleYes, isDefault:true },

                                         { text:

          "No", handler:handleNo } ]

                                    });

                             }


          --
          Sandeep Roop Rai
          Contact No. +91(9881894530)
          E-Mail :sadeeproop@...
        Your message has been successfully submitted and would be delivered to recipients shortly.