Embedded boarder and scroll bar

Anvil Q&A
#1

Hi :slight_smile:!

I’m at the stage where I dislike anything else in my life that takes me away from using Anvil. Oh, responsibility is a cruel mistress.

Anyway… I have a quick question about iframe embedding. It looks like a boarder and a scroll bar come as standard which I have to say, looks a little dated and spoils the Uber-cool appearance that Anvil already has.

image
image3584×2064 271 KB
image
image3584×2064 396 KB

Any idea how to remove the border and “scroller”?

Thank you!!

:slight_smile:

#2

Poxy Bloomin' iframes

I think this will help…

1 Like
#3

that you very much! It didn’t remove the scroll bars but that annoying drop shadow is gone!!!

#5

Regarding the scrollbar, perhaps something in your app is larger than its container? It might just be slight, in which case you can just apply overflow-y: hidden to the thing with the scrollbar to force it to go away.

Could you please share a clone link to your app? That way we can look at what specifically is happening in this case.

If you don’t want to share that particular app, maybe you can pare it down to something simpler but with the same problem.

1 Like
#6

following on you could also try a couple of these suggestions from w3 schools

https://www.w3schools.com/howto/howto_css_hide_scrollbars.asp

/* Hide scrollbar for Chrome, Safari and Opera */
.example::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE and Edge */
.example {
  -ms-overflow-style: none;
}