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

Panels Not Appearing Where They Should

Expand Messages
  • rnursemd
    Hi All, I m using Panels to display help info for form fields. When my application displays the following markup and the help icon is clicked, the Panel is
    Message 1 of 1 , Sep 2, 2008
    • 0 Attachment
      Hi All,

      I'm using Panels to display help info for form fields.  When my application displays the following markup and the help icon is clicked,  the Panel is not displayed anywhere near the context I configured for it.  Here's the markup:

      <div id="questionsHelpContainer">
          <img id="questionsHelpButton" src="myHelpIcon.png>
          <span class=questionsHelpLabel">Click the icon ...</span>
          <div id="questionsHelp">
              <div class="hd">Header Text</div>
              <div class=bd">
                  <table width="100%" cellpadding="1px" cellspacing="1px" style="border: #CCCCCC 1px solid;">
                      <tr><th>Content Heading</th></tr>
                      <tr>
                          <td>
                              My content goes here
                          </td>
                      </tr>
                  </table>
              </div>
              <div class="ft">Click the "X" to close</div>
          </div>

      </div>

      <script language="javascript">
          var questionsHelpPanel = new YAHOO.widget.Panel("
      questionsHelp", {width:"450px",visible:false,draggable:true,constraintoviewport:true,underlay:"shadow"});
         
      questionsHelpPanel.render("questionsHelpContainer");
          questionsHelpPanel.cfg.setProperty("close",true);
          questionsHelpPanel.cfg.setProperty("effect",{effect:YAHOO.widget.ContainerEffect.FADE, duration: 0.25});
          questionsHelpPanel.cfg.setProperty("context",["quetionsHelpButton", "tl","bl"]);
          YAHOO.util.Event.addListener("
      questionsHelpButton", "click", questionsHelpPanel.show, questionsHelpPanel, true);
      </script>


    Your message has been successfully submitted and would be delivered to recipients shortly.