- October 30, 2020 at 2:48 am #101125
I am a developer and recently, I have a need to use Grid components. Your components are very easy to use and beautiful. It feels good.
However, there are some problems when using it.
The questions are as follows:
first, I created a empty Angular project, and then I followed the steps on the site: NPM I Smart-WebComponent-Angular to deploy the web components, and then according to the guidance in your company website:
The contents of All of the four files(APP.COMPONENT.TS, APP.COMPONENT.HTML, APP.COMPONENT.CSS, APP.MODULE.TS) are copied to the corresponding files in the project.
Fortunately, the compilation works without a problem, but when open the browser to view the interface, it keeps showing the words “No Rows Loading”.
Do you know the reason and what should I do to solve it?
Thank you very much for your selfless help.October 30, 2020 at 5:40 am #101126
The following step from the https://www.htmlelements.com/docs/grid/#angular guide is very important and should solve your issue:
3. Adding CSS reference
The following CSS file is available in ../node_modules/smart-webcomponents-angular/ package folder. This can be referenced in [src/styles.css] using following code.
Another way to achieve the same is to edit the angular.json file and in the styles add the style.
"styles": [ "node_modules/smart-webcomponents-angular/source/styles/smart.default.css" ]
Smart HTML Elements Team
You must be logged in to reply to this topic.