Many of you might have noticed that the Tell-a-Friend widget sometimes pops up behind flash animations. This usually occurs on Gecko (Firefox) and Webkit (Safari, Chrome) based browsers. Internet Explorer does not seem to be affected by this issue. This can easily be avoided by adding the wmode=“transparent” option to the object tag which contains the flash animation. Doing so allow the widget to pop-up on top of the flash animation. You can read more about it here and also check out a similar scenario implemented in one of our blog posts.

Since we don’t have any control over the page where the Tell-a-Friend widget is embedded we cannot enforce this option. We, however provide two options to tackle such a situation. In order to use these options you need to register and create an account for your widget. Next, after logging into your account, navigate to the Widget Design section. Here you will find two options:

• Hide Flash Objects - Selecting this option will hide any visible Flash (<embed>) objects on the page before loading the widget. This will prevent Flash and other objects from overlapping with the widget. The hidden objects are restored when the widget is closed.

• Open the widget in a popup window - Enabling this option will open the widget in a new browser window/popup, hence negating any overlapping issues completely.

Setting the wmode transparent option is probably the best option to avoid such a scenario, but in case that is not possible, the two options mentioned above can be used accordingly.