RTP Dialog Box - stay centered

JD_Nelson
Level 10 - Community Advisor

RTP Dialog Box - stay centered

I have a box that pops up after inactivity -- but I really want some action if they proceed, not just moving on, so i'd like the box to stay on the screen until they close it or click it. I added style="position:fixed" and it kept my image on the screen, but the "x" to close the popup didn't stay with it. It looks like that's inserted a level above what I have access to control -- does anyone know if this is possible to achieve? THANKS!

3 REPLIES 3
SanfordWhiteman
Level 10 - Community Moderator

Re: RTP Dialog Box - stay centered

Hit me with a sample URL.

JD_Nelson
Level 10 - Community Advisor

Re: RTP Dialog Box - stay centered

I'm not sure how to do that, since you'd have to be targeted by rtp to even see it... lol

JD_Nelson
Level 10 - Community Advisor

Re: RTP Dialog Box - stay centered

Here's the code we have control over - most is pre-populated by the template editor:

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<div><img src="http://www.XYZ.png" alt="Contact Us Pop Up" width="408" height="276" constrain="true" imagepreview="" border="" style="display: block; margin-left: auto; margin-right: auto;" data-mce-style="display: block; margin-left: auto; margin-right: auto;"></div>

</body>

</html>

when it renders on the page, we get this:

<div class="ui-dialog ui-widget ui-widget-content ui-corner-all insightera ui-draggable insightera-dialog insightera-dialog-transparent" tabindex="-1" role="dialog" aria-labelledby="ui-id-1" style="outline: 0px; z-index: 1001; height: auto; width: auto; display: block; top: 493.004px; left: 468px;"><div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"><span id="ui-id-1" class="ui-dialog-title"> </span><a href="#" class="ui-dialog-titlebar-close ui-corner-all" role="button" style="background-image: url(&quot;http://rtp-static.marketo.com/rtp/libs/trans_x.png");"><span class="ui-icon ui-icon-closethick">close</span></a></div><div id="trwDialog" style="width: auto; min-height: 0px; height: 258.6px;" class="ui-dialog-content ui-widget-content" scrolltop="0" scrollleft="0">

<div><img src="www.XYZ.png" alt="Contact Us Pop Up" width="408" height="276" constrain="true" imagepreview="" border="" style="display: block; margin-left: auto; margin-right: auto;" data-mce-style="display: block; margin-left: auto; margin-right: auto;"></div>

</div></div>