Remove the scroll bar on the Content Block iframe on homepage

JC S_
Mega Guru

We added a content block for iframe and added it on a dashboard. However, there is scroll bar on the side of the iframe which we want to be removed. The content block is set to fit to content.

find_real_file.png

7 REPLIES 7

cspra
Giga Expert

Did you find solution for this?  We have the same problem.  

Here's our HTML

 <div>
   <ul class="nav nav-pills nav-sm">
  <li><a ng-href="?id={{portal.homepage_dv}}">${Home}</a></li>
  <li><i class="fa fa-chevron-right"></i></li>
  <li ng-if="!c.breadcrumbs"><a href>{{data.title}}</a></li>
  <li ng-repeat-start="item in c.breadcrumbs">
    <a ng-href="{{item.url}}">{{item.label}}</a>
  </li>
  <li ng-if="!$last" ng-repeat-end>
    <i class="fa fa-chevron-right"></i>
  </li>
</ul>
   
   
   
 <iframe name='xyz' id='xyz'  width="100%" height="1700px" frameborder='0' src={{data.url}}></iframe>
</div>

 

and CSS

i {
margin-top: 10px;
} 

Ankur Bawiskar
Tera Patron
Tera Patron

Hi Jc,

Any update on this?
Can you mark my answer as correct, helpful and hit like if you were able to achieve the requirement. This helps in removing this question from unanswered list and helps users to learn from your thread. Thanks in advance.

Regards
Ankur

Regards,
Ankur
✨ Certified Technical Architect  ||  ✨ 9x ServiceNow MVP  ||  ✨ ServiceNow Community Leader

Sorry but this is still an open issue, the suggestion above did not resolve the issue.