You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

Support is currently Offline

Official support hours
Monday to Friday
09:00 - 17:00 Europe/London (BST)

Please create a new Ticket and we will get back to you as soon as we can.

#108376 how can i hide the horizontal scrollbar in the iframe in custom css

Posted in ‘Editor’
This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Latest post by Ryan on Wednesday, 28 July 2021 15:56 BST

Monday, 26 July 2021 15:32 BST

imservan
how can i hide the horizontal scrollbar in the iframe in custom css. Thanks for your effort.

Monday, 26 July 2021 16:38 BST

Ryan
You would usually use something like: 

iframe {
    overflow: hidden;
}
but you should target a specific iframe, which you can do using it's src value. For example, to hide the scrollbar for iframes with a pdf file src, use: 

iframe[src$=".pdf"] {
    overflow: hidden;
}

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

Monday, 26 July 2021 17:28 BST

imservan
Thanks for the quick reply, but unfortunately both codes do not work for me. Greetings

Monday, 26 July 2021 19:21 BST

Ryan
Please post a link to an example.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

Wednesday, 28 July 2021 15:56 BST

Ryan
The width I have set to 100%. Here normally the horizontal scrollbar should disappear on a normal monitor. Unfortunately it does not.


This is because the iframe content causes the horizontal scrolling, which you can't control from the iframe itself.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.