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?
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! :)
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.
Thanks a lot for the responses:) , I will implement these and let you know the result.