Hi,
Is there anyway to remove the auto-scroll and adobe header / footer information from a widget.
Thank you,
Scott
Solved! Go to Solution.
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
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
Views
Replies
Total Likes
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>
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
this was super helpful code.
thanks alot, I appreciate all your help
Views
Replies
Total Likes
Views
Likes
Replies
Views
Likes
Replies