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

.yui-overlay-hidden is not working ...

Expand Messages
  • venu77d
    Hi I am having 4 panels .... i am using d0c3 ... If i close the first panel .... the second panel should replace the position of the first panel ... for this
    Message 1 of 1 , Aug 26, 2009
      Hi

      I am having 4 panels .... i am using d0c3 ...

      If i close the first panel .... the second panel should replace the
      position of the first panel ...

      for this one ... i am using ...

      .yui-skin-sam .yui-overlay-hidden {
      display:none;
      }

      But is not working ....

      Any ideas ...

      Here is all the code ..

      <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
      <html>
      <head>
      <link rel="stylesheet" type="text/css"
      href="http://yui.yahooapis.com/2.7.0/build/grids/grids-min.css"><link
      rel="stylesheet" type="text/css"
      href="http://yui.yahooapis.com/2.7.0/build/container/assets/skins/sam/co\
      ntainer.css">
      <script type="text/javascript"
      src="http://yui.yahooapis.com/2.7.0/build/yahoo-dom-event/yahoo-dom-even\
      t.js"></script>




      <script type="text/javascript"
      src="http://yui.yahooapis.com/2.7.0/build/container/container.js"></scri\
      pt>

      <style type="text/css">

      #hd h1 {
      padding:10px;
      text-align:center;
      font-size:123.1%;
      font-weight:bold;
      }

      .yui-skin-sam .yui-panel-container {

      position:relative;
      padding: 2px;
      }

      .yui-gb .yui-u {
      margin-left: 1%;
      }

      .yui-skin-sam .yui-overlay-hidden {
      display:none;
      }



      </style>

      <script>

      YAHOO.namespace("example.container");

      function init() {




      // Instantiate a Panel from markup

      YAHOO.example.container.mostViewedCountPanel = new
      YAHOO.widget.Panel("MostViewedCount");
      YAHOO.example.container.mostViewedCountPanel.render();


      YAHOO.example.container.mostRatedCountPanel = new
      YAHOO.widget.Panel("MostRatedCount");
      YAHOO.example.container.mostRatedCountPanel.render();


      YAHOO.example.container.documentSearchPanel = new
      YAHOO.widget.Panel("DocumentSearch");
      YAHOO.example.container.documentSearchPanel.render();





      YAHOO.example.container.workQueuePanel = new
      YAHOO.widget.Panel("workQueueDetails");
      YAHOO.example.container.workQueuePanel.render();


      YAHOO.example.container.mostViewedCountPanel.show();
      YAHOO.example.container.documentSearchPanel.show();
      YAHOO.example.container.mostRatedCountPanel.show();
      YAHOO.example.container.workQueuePanel.show();



      // Panel Configearation Properties


      //
      YAHOO.example.container.mostViewedCountPanel.cfg.setProperty("width","10\
      0%");
      //
      YAHOO.example.container.mostRatedCountPanel.cfg.setProperty("width","370\
      px");
      //
      YAHOO.example.container.documentSearchPanel.cfg.setProperty("width","370\
      px");
      //
      YAHOO.example.container.workQueuePanel.cfg.setProperty("width","370px");





      YAHOO.example.container.mostViewedCountPanel.cfg.setProperty("draggable"\
      ,false);

      YAHOO.example.container.documentSearchPanel.cfg.setProperty("draggable",\
      false);

      YAHOO.example.container.mostRatedCountPanel.cfg.setProperty("draggable",\
      false);

      YAHOO.example.container.workQueuePanel.cfg.setProperty("draggable",false\
      );






      YAHOO.example.container.mostViewedCountPanel.cfg.setProperty("underlay",\
      "none");

      YAHOO.example.container.documentSearchPanel.cfg.setProperty("underlay","\
      none");

      YAHOO.example.container.mostRatedCountPanel.cfg.setProperty("underlay","\
      none");

      YAHOO.example.container.workQueuePanel.cfg.setProperty("underlay","none"\
      );

      }





      YAHOO.util.Event.addListener(window, "load", init);



      </script>
      </head>

      <body class="yui-skin-sam">
      <FORM name="SubmissionForm" action="#" method="POST">
      <input type="hidden" name="ActionType" value="">
      <div id="doc3" >
      <div id="hd" ></div>
      <div id="bd">

      <div class="yui-g">
      <div class="yui-u first" id="MostViewedCount">
      <div class="hd">MostViewedCount
      </div>
      <div class="bd"
      style="height:300px;overflow:auto">

      </div>


      </div>
      <div class="yui-u" id="DocumentSearch" >
      <div class="hd">Document Search</div>
      <div class="bd"
      style="height:300px;overflow:auto">
      </div>
      </div>
      </div>


      <div class="yui-g">
      <div class="yui-u first" id="MostRatedCount" >
      <div class="hd">MostRatedCount
      </div>
      <div class="bd"
      style="height:300px;overflow:auto">
      </div>
      </div>
      <div class="yui-u" id="workQueueDetails" >
      <div class="hd">Work Queue Details</div>
      <div class="bd"
      style="height:300px;width:100%;overflow:auto;padding: 0px;">


      </div>
      </div>
      </div>


      </div>
      </div>

      </body>
      </html>

      Thanks

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