3 Replies Latest reply on Feb 8, 2017 3:58 PM by dd34a3d5d8f9572e3905b50f127a3c0521eaf4fe

    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!

          • 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

            • 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>