44
Views
3
Comments
How to remove the horizontal scrollbar in IFrame in Traditional?
Application Type
Traditional Web

There is already a scrollbar at the screen level and I want to remove the scrollbar in the iframe and fill the content in whole page (height), width is ok. How can I achieve this?

RemoveScrollbarIframe.oml
2023-09-19 13-55-59
Shreyas Bhondve

Hi M J,


Solution 1:
If you have access to the source page of the IFrame then add the below CSS to the source code of that page:

body{

overflow-x:hidden;
}

Solution 2:

If you do not have access to the source code of the source page in IFrame, then in Outsystems enclose the IFrame in a container. Keep the height of the Container smaller than the height of the IFrame and add one more CSS property that is overflow: hiden;


iframecontainer{

height: 500px;

overflow: hidden;

}


iframe{

height: 520px;

}


This will hide the horizontal scrollbar while the vertical scrollbar will still be visible.

I hope this help.

Cheers! :) 


2023-07-25 17-04-53
Mohit Sharma

Hi MJ,
scrolling="no" will remove it but you should know height of your content in iframe so you can set same height + offset to iframe to display all content.

UserImage.jpg
M J

Thanks a lot for the responses:) , I will implement these and let you know the result.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.