Toolbar Incorrectly Rendered

[BCS]

I'm having an issue with the toolbar not rendering correctly. I have written the viewer as a Vue Component, the odd part is if I spin up a new Vue-CLI project it works, but if I spin up a project using another Vue-CLI project plugin, it doesn't work. See Screenshots, the bookmarks area is also shoved down, the drop down menus get pushed down as well...it looks like static rendered HTML

Files of Interest:

src/components/ReportViewer/ReportViewer.vue
src/components/HelloWorld.vue
public/Demo.json
public/index.html
public/SimpleList.mrt

Steps to reproduce:

1. Unzip stimulsoft-example.zip
2. Run 'yarn install' or 'npm install'
3. Run 'yarn serve'
4. URL should be something like: http://localhost:8080/devextreme-vue-template

I have a feeling its because the libraries are statically linked in index.html instead of thru node_modules as an npm package. I was never able to get the npm package offered to work. Please advise, this is something we really need for our Vue-CLI applications.

[Lech Kulikowski]

Hello,

Please check that you loaded correctly our CSS files.

Thank you.

[BCS]

Thank you for the prompt response, that was the issue, I feel stupid now unfortunately not seeing that.

[HighAley]

Hello.

We are always glad to help you.
Let us know if you need any additional help.

Thank you.