7 Replies Latest reply on Jan 29, 2011 11:58 AM by laxmidi

    iFrame is Obscuring Content When Scrolling Down

    laxmidi Level 1

      Hi,

       

      I've got a Flex 3 project. I'm having some problems gettting an iFrame to work. If I open my project in a normal size browser window, it looks fine. If I open it in a smaller window with scrolllbars and scroll down, then the iFrame scrolls down as well and covers content. How do I keep the iFrame from obscuring content when scrolling.

       

      My iFrame looks like:

       

      <flexiframe:IFrame id="myiFrame"  source="http://www.mysite.com/myStuff.html"  x="315" y="20" width="498" height="65" scrollPolicy="off"   />

       

      Any suggestions?

       

      Thank you.

       

      -Laxmidi

       

        • 1. Re: iFrame is Obscuring Content When Scrolling Down
          laxmidi Level 1

          Now, I've got it so that the iFrame doesn't overlap. But the problem is that if the user opens a small browser window, they don't get scrollbars. How can I solve this problem? Is there a way to force the browser to put up scrollbars?

           

          In the main app:

           

          In the Application tag, I've got:

               horizontalScrollPolicy="off" verticalScrollPolicy="off"

           

           

           

          My iFrame looks like:

           

           

          <flexiframe:IFrame id="myiFrame"  source="http://www.mysite.com/myStuff.html"  x="315" y="20" width="498" height="65" scrollPolicy="off"   />

           

           

          In the HTML Template, I've put a div around the swf and added css:

           

          <style type="text/css">

          #blockwrapper{

          display: block;

          margin:0;

          padding:0;

          width: 980px;

          height: 800px;

          }

          </style>

           

          <div id="blockwrapper">

          <noscript>

            <object classid="clsid:D26CDA6E-AE6D-11cf-96B8-444553540000"

          id="${application}" width="${width}" height="${height}"

          codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">

          <param name="movie" value="${swf}.swf" />

          <param name="quality" value="high" />

          <param name="bgcolor" value="${bgcolor}" />

          <param name="allowScriptAccess" value="sameDomain" />

          <embed src="${swf}.swf" quality="high" bgcolor="${bgcolor}"

          width="${width}" height="${height}" name="${application}" align="middle"

          play="true"

          loop="false"

          quality="high"

          allowScriptAccess="sameDomain"

          type="application/x-shockwave-flash"

          pluginspage="http://www.adobe.com/go/getflashplayer">

          </embed>

          </object>

          </noscript>

          </div>

           

          Any suggestions?

           

          Thank you.

           

          -Laxmidi

          • 2. Re: iFrame is Obscuring Content When Scrolling Down
            aktell2007 Level 1

            How can I solve this problem? Is there a way to force the browser to put up scrollbars?

            <flexiframe:IFrame id="myiFrame"  source=",,,,,,,,,,,,,," scrollPolicy="off"/>

            • 3. Re: iFrame is Obscuring Content When Scrolling Down
              laxmidi Level 1

              Hi aktell2007,

               

              Thank you for the message. I should have been more clear. I don't want the flex scrollbar on the iFrame.

               

              If the browser window is too small, I want the browser to put up scrollbars. (I don't need scrollbars on the flex component).

               

              -Laxmidi

              • 4. Re: iFrame is Obscuring Content When Scrolling Down
                laxmidi Level 1

                Okay, I'm getting closer:

                 

                A) In the HTML.template, I added:

                 

                <style>

                body { margin: 0px; overflow:scroll }

                </style>

                 

                B) I added a width and height in the Flex Application tag.

                 

                The scrolling now works fine.

                 

                But, I've got a new problem. I've got a panel that uses FlashEff2. It has a tumbling text effect. Unfortunately, the text falls and then disappears if there is a width and height in the Flex Application tag. If I remove the width and height from the Application tag, then the tumbling text effect works fine.

                 

                I've got a Catch 22. If I remove the Application tag's width and height, then I have problems with scrolling. If I leave the width and height in, then I've got a problem with the tumblng text.

                 

                 

                Any idea why the Application tag's width and height would affect the tumbling text effect? Any suggestions for getting around the Application tag's width and height problem?

                 

                I'm stumped.

                 

                Thanks,

                 

                -Laxmidi

                • 5. Re: iFrame is Obscuring Content When Scrolling Down
                  aktell2007 Level 1

                  Try (scroll="no" or scroll="yes")

                  • 6. Re: iFrame is Obscuring Content When Scrolling Down
                    laxmidi Level 1

                    Hi Aktell2007,

                     

                    Thank you for the suggestion. Unfortunately, no luck.

                     

                    -Laxmidi

                    • 7. Re: iFrame is Obscuring Content When Scrolling Down
                      laxmidi Level 1

                      Okay, I figured it out. I a resize effect twas causing the final problem. When I removed it, it solved the problem.

                       

                      Pls see my previous message for the steps that I took to solve the obscured content problem.

                       

                      -Laxmidi