Wj-flex-grid does not show data correctly on my browser

Wj-flex-grid does not show data correctly on my browser

Posted by: thuanpv on 30 April 2019, 5:23 am EST

• 

  thuanpv

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 30 April 2019, 5:23 am EST - Updated 3 October 2022, 8:04 pm EST

  Hi supporters,
  
  I got a weir problem need your support. Here is the detail.

  1. I try setup my angular project to make it similar to the one in here: https://stackblitz.com/edit/angular-bsgbzr?file=app%2Fapp.component.ts

  There is no error displayed in the console of my browser (chrome), but the data was display incorrectly , please see the picture

  

  1005×852 18.7 KB

• 

  thuanpv

  • Post Options:
  • Link
    Copy

  Posted 30 April 2019, 5:26 am EST - Updated 3 October 2022, 8:04 pm EST

  

  782×296 26.5 KB

  Here is the console log, please help me to figure it out

• 

  abhishek.dutta

  

  • Post Options:
  • Link
    Copy

  Posted 30 April 2019, 7:12 am EST

  Hello,

  This is happening because Wijmo’s CSS file is not loaded. In an angular application, you need to add a reference to wijmo’s CSS file which is located in the directory:

  ‘node_modules/wijmo/styles/wijmo.css’

  In your angular-cli.json, you need to add this file:

  "apps": [{
      ...,
      "styles": [
            "../node_modules/wijmo/styles/wijmo.css",
             "styles.css"
        ],
        ...
    }]
  
  

  In the sample you provided, this file has already been added.

• 

  thuanpv

  • Post Options:
  • Link
    Copy

  Posted 1 May 2019, 1:19 pm EST

  Hi abhishek,
  
  Thank you very much for your support,
  
  I am using the version Wijmo-Enterprise.20173.409, in the package.json, to install wijmo I add the following code:
  
  “wijmo”: “file:///D:/iGreenSoftware/WijmoEnterprise/Wijmo-Enterprise.20173.409/NpmImages/wijmo-commonjs-min”. however, in this folder “wijmo-commonjs-min” there is no css file found. I only found the .css in the samples that were included in the package Wijmo-Enterprise.20173.409, named wijmo.min.css. So i used this css file in my app and it worked perfectly.
  
  So, yes, the problem is about .css and your suggestion is the key to unlock it.

  I just have a confusion that I feel like there is no official .css file included in the enterprise version. (therefore i have to look into the samples included). What is your comment about this ?

  Regards,
  
  Thuan.

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 2 May 2019, 6:10 am EST

  Hi Thuan,

  In previous builds, CSS files were not include separately in the NpmImages folder. You need to copy the styles files from Wijmo-Enterprise.20173.409/Dist/styles folder into your application.

  Regards