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

52025Re: [ydn-javascript] Cannot drag layout's splitter over iframe

Expand Messages
  • Dav Glass
    Oct 30, 2009
    • 0 Attachment
      Add the useShim configuration option to your Units:

      http://developer.yahoo.com/yui/docs/YAHOO.widget.LayoutUnit.html#config_useShim


      On Fri, 30 Oct 2009, Ania wrote:

      > I have a nested layout.
      >
      > <right>
      > <left>
      > <center>
      > <center>
      > <bottom>
      >
      > The inner-bottom pane has an iframe. When resizing that bottom pane by dragging the horizontal splitter which divides the inner-center and inner-bottom, all works well. The splitter drags over the iframe. However, when trying to resize either the right pane or the left pane by dragging vertical splitters, they will not drag over the iframe part (but they will drag over the non-iframe parts). Please see the attached simple code which demonstrates this issue.
      >
      > Please advise how to enable dragging of all splitters over the inner-bottom's iframe part.
      >
      > Thank you,
      > Ania.
      >
      > <body class=" yui-skin-sam">
      > <div id="layoutDiv" height="500px"></div>
      > <div id="top1">top1</div>
      > <div id="bottom2">
      > Can drag here
      > <br /><br />
      > <iframe id="frm2" name="frm2" src="http://www.yahoo.com" style="height:300;width:100%;">foo</iframe>
      > <br />
      > And can drag here
      > </div>
      > <div id="right1">right1</div>
      > <div id="left1">left1</div>
      > <div id="center2">center2</div>
      > <script>
      >
      > (function() {
      > var Dom = YAHOO.util.Dom,
      > Event = YAHOO.util.Event;
      >
      > Event.onDOMReady(function() {
      > var layout = new YAHOO.widget.Layout("layoutDiv",{
      > height: 800,
      > units: [
      > { position: 'right', header: 'Right', width: 300, resize: true, gutter: '2px 5px', footer: 'Footer', collapse: true, scroll: true, body: 'right1', maxWidth: 500 },
      > { position: 'left', header: 'Left', width: 200, resize: true, body: 'left1', gutter: '2px 5px', collapse: true, collapseSize: 50, scroll: true, maxWidth: 500 },
      > { position: 'center' }
      > ]
      > }); // layout
      > layout.on('render', function() {
      > var el = layout.getUnitByPosition('center').get('wrap');
      > var layout2 = new YAHOO.widget.Layout(el, {
      > parent: layout,
      > units: [
      > { position: 'bottom', header: 'Cannot drag the left or right slider/splitter edge over the iframe part. However, can drag this bottom slider, the one right above.', height: 370, resize: true, body: 'bottom2', gutter: '5px', collapse: true },
      > { position: 'center', body: 'center2', gutter: '2px', scroll: true }
      > ]
      > }); // on render
      > layout2.render();
      > });
      > layout.render();
      > });
      > })();
      > </script>
      > </body>
      >
      >
      >
      >

      --
      Dav Glass
      davglass@...
      blog.davglass.com


      + Windows: n. - The most successful computer virus, ever. +
      + A computer without a Microsoft operating system is like a dog
      without bricks tied to its head +
      + A Microsoft Certified Systems Engineer is to computing what a
      McDonalds Certified Food Specialist is to fine cuisine +
    • Show all 5 messages in this topic