Expand my Community achievements bar.

Join us for the next Community Q&A Coffee Break on Tuesday April 23, 2024 with Eric Matisoff, Principal Evangelist, Analytics & Data Science, who will join us to discuss all the big news and announcements from Summit 2024!
SOLVED

Publishing Widget; any way to remove auto scroll and adobe header and footer info

Avatar

Level 6

Hi,

Is there anyway to remove the auto-scroll and adobe header / footer information from a widget.

Thank you,

Scott

1 Accepted Solution

Avatar

Correct answer by
Level 10

You can use another similar hack like in the below example using OMPUB_frame.scrolling='no'

<!doctype html> <html> <head> <meta charset="utf-8"> <title>Publishing Widget</title> <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> <style> #large { background-color: #bbb; pposition:absolute; width:100%; height: 375px; margin:-70px 0px 0px 0px; border:10px solid #dddddd; border-color:#dddddd; border-width:0px 0px 10px 0px; text-align:center; vertical-align:middle; display: inline-block; } body, #container { background-color:#eeeeee; ttext-align:center; margin:0px; width:100%; } img { width:80px; padding:5px; } #container2 { align-content:center; display:block; } #text{ width:700px; margin-left:auto; margin-right:auto; font-family: 'Open Sans', sans-serif; text-align:justify; color:#444444 } </style> </head> ​ <body> <div id="container"><span id="large"> <script> OMPUB_frame = document.createElement('IFRAME'); OMPUB_frame.width=document.body.clientWidth; OMPUB_frame.height=375; OMPUB_frame.frameBorder=0; OMPUB_frame.scrolling='no'; OMPUB_frame.marginHeight=0; OMPUB_frame.marginWidth=0; OMPUB_frame.style.top=150; //OMPUB_frame.className='large'; // -- insert the iframe immediately following the script tag var OMPUB_scripts = document.getElementsByTagName('script'); OMPUB_scripts[OMPUB_scripts.length-1].parentNode.appendChild(OMPUB_frame); w = OMPUB_frame.clientWidth; w = Math.floor(w/25) * 25; OMPUB_frame.src='https://pub.omniture.com/p/widget/current/index.html?pub_id=cceee991af12d03c62e23b27bad162ff&wdg_w=' + w; </script> </span> </div> <img src="http://www.inv3.com/_res/images/logos/Adobe-logo.png"/> <div id="container2";> <div id="text"> <b>Sample Publishing Widget 2</b><br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <br><br> Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? </div> </div> </body> </html>

 

Thanks!

Tanmay

View solution in original post

4 Replies

Avatar

Level 10

Hi,

Thanks for reaching out.

From the widget code I am afraid there is no option to modify the graph and header. If you want to customized solution you may look into the analytics API which allows you to modify almost anything as per your needs.

Thanks!

TM

Avatar

Level 4

stavares@esri wrote...

Hi,

Is there anyway to remove the auto-scroll and adobe header / footer information from a widget.

Thank you,

Scott

 

Hi Scott,

Try adding the reportlet into your own page using an iframe

Sample code given below. Please change the values as per your need

<div style="margin-top:-50px; border-bottom: thin inset #c3c3c3"> <iframe src="https://pub2.omniture.com/p/widget/current/index.html?pub_id=<PUBLISHING_WIDGET_ID>&wdg_w=800" width="100%" height="380px" scrolling="no" frameborder="0"></iframe> </div>

Avatar

Correct answer by
Level 10

You can use another similar hack like in the below example using OMPUB_frame.scrolling='no'

<!doctype html> <html> <head> <meta charset="utf-8"> <title>Publishing Widget</title> <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> <style> #large { background-color: #bbb; pposition:absolute; width:100%; height: 375px; margin:-70px 0px 0px 0px; border:10px solid #dddddd; border-color:#dddddd; border-width:0px 0px 10px 0px; text-align:center; vertical-align:middle; display: inline-block; } body, #container { background-color:#eeeeee; ttext-align:center; margin:0px; width:100%; } img { width:80px; padding:5px; } #container2 { align-content:center; display:block; } #text{ width:700px; margin-left:auto; margin-right:auto; font-family: 'Open Sans', sans-serif; text-align:justify; color:#444444 } </style> </head> ​ <body> <div id="container"><span id="large"> <script> OMPUB_frame = document.createElement('IFRAME'); OMPUB_frame.width=document.body.clientWidth; OMPUB_frame.height=375; OMPUB_frame.frameBorder=0; OMPUB_frame.scrolling='no'; OMPUB_frame.marginHeight=0; OMPUB_frame.marginWidth=0; OMPUB_frame.style.top=150; //OMPUB_frame.className='large'; // -- insert the iframe immediately following the script tag var OMPUB_scripts = document.getElementsByTagName('script'); OMPUB_scripts[OMPUB_scripts.length-1].parentNode.appendChild(OMPUB_frame); w = OMPUB_frame.clientWidth; w = Math.floor(w/25) * 25; OMPUB_frame.src='https://pub.omniture.com/p/widget/current/index.html?pub_id=cceee991af12d03c62e23b27bad162ff&wdg_w=' + w; </script> </span> </div> <img src="http://www.inv3.com/_res/images/logos/Adobe-logo.png"/> <div id="container2";> <div id="text"> <b>Sample Publishing Widget 2</b><br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <br><br> Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? </div> </div> </body> </html>

 

Thanks!

Tanmay

Avatar

Level 6

this was super helpful code.

thanks alot, I appreciate all your help