Troubleshooting: Web Personalization (RTP) Removing scroll bars from RTP dialog box campaigns

Included in this article

 

  • Overview
    • 1. Make sure the dialog box dimensions are set:
    • 2. Make sure your image also has dimensions properly set:
    • 3. Access the HTML for the campaign:
    • 4. Insert the following CSS into the campaign's HTML:
    • 5.Save your changes and preview the campaign. There should be no more scroll bars.

 

Overview

Have you ever had an RTP Dialog box campaign that ended up with scroll bars around the image? This doc will go show you the steps to remove those unwanted scroll bars

 

1. Make sure the dialog box dimensions are set:

 

RTP image.png

 

 

2. Make sure your image also has dimensions properly set:

 

RTP image.png

 

 

3. Access the HTML for the campaign:

Screen Shot 2016-05-06 at 2.00.31 PM.jpg

Screen Shot 2016-05-06 at 2.01.20 PM.png

 

4. Insert the following CSS into the campaign's HTML:

 

<style>

#trwDialog{

    overflow-x: hidden;

    overflow-y: hidden;

}

</style>

 

 

5.Save your changes and preview the campaign. There should be no more scroll bars.