Page 1 of 1

Toolbar Incorrectly Rendered

Posted: Sat Feb 01, 2020 12:29 am
by 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.

Re: Toolbar Incorrectly Rendered

Posted: Tue Feb 04, 2020 8:19 am
by Lech Kulikowski
Hello,

Please check that you loaded correctly our CSS files.

Thank you.

Re: Toolbar Incorrectly Rendered

Posted: Tue Feb 04, 2020 8:35 am
by BCS
Thank you for the prompt response, that was the issue, I feel stupid now unfortunately not seeing that.

Re: Toolbar Incorrectly Rendered

Posted: Fri Feb 07, 2020 9:24 am
by HighAley
Hello.

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

Thank you.