https://www.gooddata.com/ logo
Join Slack
Powered by
Hi Gooddata, see the two images attached. one show...
# gooddata-cloud
g
Hi Gooddata, see the two images attached. one shows a dashboard in gooddata with 4 charts on the top line (each is minimum width). the other is the same dashboard in our report application (react) , but no matter what I do the 4th chart ( furthest right) goes to the second line when displayed in our application. our app developer thinks this might be caused by the GD SDK because he is is limited in what he is able to do when rendering the GoodData dashboard; he basically provides a spot for the GoodData SDK and the SDK does the rest. In other words, it's sorta just a big black box to him, with very little he can control. We are on the latest version of the sdk. Maybe it's a bug in the sdk or there is an option we can enable or something?
m
Hi Greg, Thank you for reach out us. May I ask about the dimensions in px of the frame where your are putting the four bar chart?
g
We are not defining any static width/height values, we are just letting the reports render as large as possible depending on the browser screen size.
m
Would it be possible that the component-root's width is not set to 100%? If this does not help, could you specify if it was showing correctly in the past? If so, did you introduce any changes?
m
Hi Greg, I would like to know whether you had the chance to see the last update of my colleague.
g
We are not specifically setting the component-root's width to 100%. We don't specify a width at all, our developer thinks the default is 100% if not specified. This dashboard has not ever shown correctly in the past, it is fairly new and no changes have been introduced.
m
I understand. In that case, please send us your package.json and ideally provide some minimal reproducer i.e. in form of codesandbox (some templates here) or something similar. This would greatly help us move forward.
g
Is this the json you asked for?
Regarding report wrapping issue. We dug in to how the Gooddata SDK is rendering this dashboard. We can clearly see they are rendering two separate row elements and placing three charts in the first row and the 4th chart in the second row. This implies to us the issue is not a width issue, but a structural issue with how the SDK generating the HTML. It's possible we are missing a setting in the SDK that would render everything on one row, but if such a setting exists we don't know anything about it. To try and illustrate our findings, we copied the rendered HTML to point out the issue. Hopefully it's clear enough so you can understand the issue.
Another thought, and this might be the issue, would be the responsive design settings. For example, if we manually shrink the width of the browser it causes the third chart to break to the second row. But we can never make the screen wide enough to cause the last chart to RETURN to the first row. To us this points toward a responsive design issue.
r
Heya Greg, Radek from the GoodData Technical support team - I'll be looking into this issue! Generally, this shouldn't be due to the SDK, since strictly speaking, we are using the same code to display things in the web environment, but I will check with the devs regardless 🙂
I'm back! This is an SDK version issue. I suspect what happened here is that at some point, we made the chart width a little more flexible in the UI, but this isn't reflected in older SDK versions. This is best demonstrated if you try to edit the embedded Dashboard, it limits the minimum width to more than what it is on the website.
g
Thank Radek. Do you know when this can be fixed?
r
Heya Greg, we're unlikely to do so, as generally new feature support doesn't tend to be ported backwards to previous SDK versions - that said, 10.15 is just a couple minor versions behind, so you should be able to upgrade to 10.19 without issues to address this! 🙂
g
ok, we'll upgrade to SDK 10.19 and I'll let you know if resolved. Thanks!
🙌 1
7 Views
Open in Slack
PreviousNext
Powered by