Alex Huguet Perez Posted February 23 Share Posted February 23 Hello everyone. I'm trying to hide the vertical scroll bar that appears in a basic page container. I try to do it by CSS with the following code. .mainkpi { border-radius: 25px; align-content: center; justify-content: center; height: 100%; overflow: hidden; } .mainkpi::-webkit-scrollbar { display: none; } .mainkpi { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } Thank you very much for your collaboration. Link to comment Share on other sites More sharing options...
David Beagan Posted February 23 Share Posted February 23 Did it work? Link to comment Share on other sites More sharing options...
Alex Huguet Perez Posted February 23 Author Share Posted February 23 No. I attach an image of how I see it currently. Link to comment Share on other sites More sharing options...
Solution David Beagan Posted February 23 Solution Share Posted February 23 (edited) I tried your CSS in Designer and it worked. I created a fex like this: -HTMLFORM BEGIN <!DOCTYPE html> <html> <head> <style> .mainkpi { border-radius: 25px; align-content: center; justify-content: center; height: 100%; overflow: hidden; } </style> </head> <body class=mainkpi> <h1>Semicritics</h1> <p>3</p> <h1>Semicritics</h1> <p>3</p> <h1>Semicritics</h1> <p>3</p> <h1>Semicritics</h1> <p>3</p> <h1>Semicritics</h1> <p>3</p> <h1>Semicritics</h1> <p>3</p> <h1>Semicritics</h1> <p>3</p> <h1>Semicritics</h1> <p>3</p> <h1>Semicritics</h1> <p>3</p> </body> </html> In Designer (Assemble Visualizations) it looks like this (no scrollbars even though content extends beyond the height of the container) : Initially I didn't use the: -ms-overflow-style: none; part of your CSS because it was causing problems. Then I saw it was causing an error because the fex was trying to interpret it as a dialogue manager command. Then I rearranged the code so that the dash was not the first non-blank character in the line and it was ok. Edited February 23 by David Beagan Link to comment Share on other sites More sharing options...
Alex Huguet Perez Posted February 26 Author Share Posted February 26 David. Indeed, your solution works perfectly. You have added html code in the fex using HTMLFORM BEGIN. I was trying to do it directly in the CSS section of the Assemble Visualizations, where the border-radius: 25px does have an effect, for example, but not the overflow: hidden. Do you know why adding the CSS in the corresponding section of the Assembre Visualizations doesn't work? Thanks a lot. 1 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now