Hi everyone, I’m having trouble figuring out which...
# gooddata-uio
Otília Porubiaková
03/06/2025, 1:31 PMHi everyone, I’m having trouble figuring out which package or CSS to import to properly visualise icons in my embedded dashboard (pls see attachment). Could anyone point me in the right direction?
Thanks in advance!
m
Moises Morales
03/06/2025, 2:24 PMHello Otilia, may I know what version of GoodData UI are you running? Also, are you using any dashboard plugings? Please let us know if the dashboard worked before and at what time it got broken, e.g., the changes introduced, etc.
Lastly, having a reproducer in our codesandbox (some templates here) would greatly help us diagnost the issue efficiently.
You can also find in the condesandbox the libraries necessaries for rendering the dashboard correctly.
Moises Morales
03/07/2025, 3:41 PMThanks for the details. I think it would be hard to determine the exact library that is missing, without seeing the whole code, nonetheless, I recommend checking our getting started guide to try to initialize a sample setup as it contains all the libraries that you need: https://www.gooddata.com/docs/gooddata-ui/latest/quick_start/
Moises Morales
03/07/2025, 3:42 PMAdditionally, the codesanbox include the libraries by default, I also recommend checking those and comparing them with what you have
p
Pavel Viarkhouski
03/12/2025, 10:30 PMI have the same issue with missing icons when integrating <Dashboard /> in my react vite app. All imports and dependencies are in place.
Pavel Viarkhouski
03/12/2025, 10:41 PM Copy code
"@gooddata/api-client-tiger": "^10.22.0",
"@gooddata/sdk-backend-tiger": "^10.22.0",
"@gooddata/sdk-ui-all": "^10.22.0",
"@gooddata/sdk-ui-dashboard": "^10.22.0",
...
"react": "^18.0.0",
"react-dom": "^18.0.0",
"react-router-dom": "^7.1.3",
...
"vite": "^6.0.7",
... Copy code
import '@gooddata/sdk-ui-kit/styles/css/main.css';
import '@gooddata/sdk-ui-filters/styles/css/main.css';
import '@gooddata/sdk-ui-charts/styles/css/main.css';
import '@gooddata/sdk-ui-pivot/styles/css/main.css';
import '@gooddata/sdk-ui-geo/styles/css/main.css';
import '@gooddata/sdk-ui-ext/styles/css/main.css';
import '@gooddata/sdk-ui-dashboard/styles/css/main.css';m
Moises Morales
03/13/2025, 2:11 PMAre you using the same package version as Otilia? Could you please provide a reproducer here in our codesandbox: https://codesandbox.io/p/devbox/cool-haze-6gyt4d?file=%2Fsrc%2Fexample%2FExample.tsx?
Moises Morales
03/13/2025, 2:11 PMI will check internally where the issue may be with these details.
p
Pavel Viarkhouski
03/13/2025, 9:50 PMhey @Moises Morales, this setting in vite config resolved the issue:
Copy code
resolve: {
alias: {
'~@gooddata': '/node_modules/@gooddata',
},
},🙌 1
o
Otília Porubiaková
03/17/2025, 7:45 AMDear Moises and Pavel, I tried this solution in my next config, and nothing changed, are there other options what i can try?
3 Views