Publishing Widget; any way to remove auto scroll and adobe header and footer info | Community
Skip to main content
Level 4
March 21, 2016
Solved

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

  • March 21, 2016
  • 4 replies
  • 1668 views

Hi,

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

Thank you,

Scott

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by TanmayMathur

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

4 replies

TanmayMathur
Adobe Employee
Adobe Employee
March 22, 2016

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

Level 4
March 22, 2016

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>
TanmayMathur
Adobe Employee
TanmayMathurAdobe EmployeeAccepted solution
Adobe Employee
March 23, 2016

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

Level 4
April 1, 2016

this was super helpful code.

thanks alot, I appreciate all your help