datapane / datapane

Build and share data reports in 100% Python

Home Page:https://datapane.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

How to remove vertical scroll bar in embedded use

pstrato-agrimetrics opened this issue · comments

System Information

  • OS: windwos
  • Python version: 3.9
  • Python environment: pip
  • Using jupyter: false
  • Datapane version: 0.14.0

Issue

When using the embedded code (e.g. <iframe src="https://datapane.com/reports/dkjbmrk/agrimetrics-croplens-ai-winter-barley-estimation/embed/" width="100%" height="540px" style="border: none;">IFrame not supported</iframe>), the report is always displayed with a vertical scroll bar. Can this scroll bar be deleted or hidden?

Hey @pstrato-agrimetrics ! Can you please share a screenshot where the problem presents itself?

Hi @shahinrostami
For example, in https://docs.datapane.com/reports/blocks/plots-and-visualizations, the vertical scroll bar is visible on the Altair example.
image
I'm not familiar with html & css to understand if the scroll bar can be removed.
Thanks for your help

Hello @pstrato-agrimetrics !

Thank you for raising this. I was able to reproduce the issue with the examples you've shared – this will help us work towards a fix! I did notice that not all reports have this behaviour (padding around the report through py-4), e.g.

<iframe src="https://datapane.com/reports/M7bNod7/reporthtml/embed/" width="100%" height="700px" style="border: none;">IFrame not supported</iframe>

👋 @Buroni, any clues on the issue?

Hey all I can repro too, this looks like a bug. Will look into this tomorrow and update here

Hey @pstrato-agrimetrics - it looks like this has been fixed! Check out the following example:

<iframe src="https://datapane.com/reports/dkjbmrk/agrimetrics-croplens-ai-winter-barley-estimation/embed/" width="100%" height="640px" style="border: none;">IFrame not supported</iframe>

Screenshot 2022-09-06 at 17 58 06

Please let us know if there's anything else 🚀

Thank you