Report Viewer in existing EJ2 .Net Core application

[Bernard Jurlina]

Hi!

I'm trying to add the report viewer into my existing ej2 .net core application. I followed the getting started tutorial in documentation, but as soon as I add the css ref into _Layout, my existing css is messed up.

This is before bold.reports.all.min.css

and this is after

It's like the css for the treeview exists in some bold reports css?

I'm using ej2 version 18.1.0.43.

My _Layout.cshtml is attached in zip file.

Thanks!

Bernard.

Attachment: _Layout_f8b38c59.zip

[Muthuramana Sankaranarayanan]

Hi Bernard, 

We have checked the reported issue from our end. In order to use the Bold Reports with EJ2 controls, we need to use the compatibility style files. Please find the below documentation link for reference, 

https://documentation.boldreports.com/embedded-reporting-tools/faq/bold-reports-with-ej2-controls/#angular 

Regards, 

Muthu Ramana S 

[Bernard Jurlina]

Hi Muthu Ramana S,

and thanks! The css styles are ok now, but now I have the problem with js references.

In the attached zip I sent _Layout.cshtml and CreateEdit.cshtml. In the _Layout.cshtml I get this error

and in the CreateEdit.cshtml view I have tab component which is not rendered like it should be and the error is this

Thanks!

Bernard.

Attachment: _Layout_c982129.zip

[Muthuramana Sankaranarayanan]

Hi Bernard, 

We checked the reported issue and we were able to reproduce it. This issue occurs due to the override of scripts as you are using both bold report viewer and ej2 controls. The ej2 controls will be registered with “ejs”. Hence, please use the ej2 controls as shown like in below code snippet, 

function loadCultureFiles(name) { 

            var files = ['ca-gregorian.json', 'numbers.json', 'timeZoneNames.json']; 

            debugger; 

            var loader = ejs.base.loadCldr; 

            var loadCulture = function (prop) { 

                var val, ajax; 

                ajax = new ejs.base.Ajax('/js/cldr-data/main/' + name + '/' + files[prop], 'GET', false); 

                ajax.onSuccess = function (value) { 

                    val = value; 

                }; 

                ajax.send(); 

                loader(JSON.parse(val)); 

            }; 

            for (var prop = 0; prop < files.length; prop++) { 

                loadCulture(prop); 

            } 

        } 

 

        loadCultureFiles('hr'); 

 

        ejs.base.setCulture('hr'); 

 

        ejs.base.L10n.load 

Regards, 

Muthu Ramana S 

[Bernard Jurlina]

Excellent!

Thank you very, very much. This thing is working just perfect!

SF is the best!

Regards,

Bernard.

[Muthuramana Sankaranarayanan]

Hi Bernard, 

Thanks for your update. 

We are happy that your issue was resolved. Please let us know if you need further assistance on this. 

Regards, 

Muthu Ramana S