Question about cluetip and iframe

[GabyO]

Hi!

Thanks for the improvements done to the Cluetip plug-in!

I've put it into an application. The problem that I have is that the structure for this application (which I cannot change) works with an iframe with the scrolling disabled (scrolling="no").

And the css it uses has the "html" and "body" with "overflow: hidden" so scrollbars don´t appear for the page. Within the iframe, pages loaded have a div wrapping the content and this div has "overflow:auto" so scrollbars can be displayed this way.

When this happens, the cluetip window does not move along with the scrolling. I could reproduce this in a small test project. But the cluetip window does move with "normal" scrolling (I mean, if the whole page has scrolling enabled or if the iframe has scrolling enabled instead of using the overflow in css to handle it). I don´t know why this happens.

My question is, could there be any way to "workaround" it?

Thanks!

[kswedberg]

Hi GabyO, Could you put up a reduced test case somewhere so I can see what's going on? I'm not sure what the cause of the problem is and will have an easier time troubleshooting if I can see it in action. Thanks!

[GabyO]

Hi sorry for the delay but I was on vacation. I can pack a test project but I don´t have anywhere to load it, I can send it to you somewhere or I can upload it in some site (e.g. megaupload) and send you the link. Not sure which one you prefer. Thanks!

[GabyO]

Hi!

I realize that I can reply directly to this. Is it going to your github inbox then? I can send you the test sln through it if you prefer it.

Thanks!

On 26 July 2011 09:59, kswedberg < [email protected]>wrote:

Hi GabyO, Could you put up a reduced test case somewhere so I can see what's going on? I'm not sure what the cause of the problem is and will have an easier time troubleshooting if I can see it in action. Thanks!

Reply to this email directly or view it on GitHub: https://github.com/kswedberg/jquery-cluetip/issues/49#issuecomment-1653828

[kswedberg]

Yes, this is going to my github inbox.

If you have a reduced (simplified) test case and can't run it through jsfiddle.net or jsbin.com, then, sure, zip it up and put it somewhere so I can download it.

Thanks!

[GabyO]

Hi! Im sending you the demo test. I stripped all the files that I had in there that does not apply (as it was a demo sln for everything I wanted to try regarding clue tip) and I also removed code (and changed data descriptions just in case as I was using real names to show it to our design team). So if you found the displayed data "strange", its because of that. Its in vs2010, c#.

Steps:

-Execute the app (default.aspx) -See that in the first page, the cluetip is kept near the link (column "Associated Info") where it was called from despite the scrolling. This page uses a "normal" css that allows "normal" scrolling in the page -Press the button "Go to page with iFrame changed by Css" -See that in this case, the cluetip does not move along with the scrolling

In this page, I reproduced more or less the structure our current application uses (I cannot change that and I dont know why it was designed that way). In our application, the "normal" scrolling bar is disabled through CSS. Pages are loaded into an iframe whose scrolling bar is also disabled. The content pages loaded in the iframe have somewhow a div where content is shown and that div has scrolling enabled through CSS.

So here, following that pattern: DefaultIFrame.aspx is called when "Go to page with iFrame changed by Css" button is pressed. That page has an iframe. The scrolling for the iframe in there is disabled (as it happens with our application) with scrolling="no". The Master for the page uses a CSS file (Styles\site.css) that also disables the normal scrolling of the page like this: overflow is set as hidden for "body" and "html" The scrolling bar that finally appears is enabled through the same CSS, setting the overflow as auto for the "ContentContainer" div that is located in the page IFramed.aspx (called by DefaultIframe.aspx).

Apart from that, clueTip is working nicely. My boss though also wants to use it to update information in it, adding textboxes and buttons with "postbacking". I told him that ClueTip was not designed for that but maybe I am wrong. I think that postbacking should be replaced by ajax calls or such in that case if its possible.

Thanks a lot for your replies! If you need more data or explanation, please let me know.

Gaby

On 15 August 2011 17:22, kswedberg < [email protected]>wrote:

Yes, this is going to my github inbox.

If you have a reduced (simplified) test case and can't run it through jsfiddle.net or jsbin.com, then, sure, zip it up and put it somewhere so I can download it.

Thanks!

Reply to this email directly or view it on GitHub: https://github.com/kswedberg/jquery-cluetip/issues/49#issuecomment-1810530

[kswedberg]

So sorry, but I can't run an asp server locally. if there is some way you can provide a static html page that demonstrates the issue, I'd be happy to help.