This is a migrated thread and some comments may be shown as answers.

Angular 4 Server Side Rendering and Reporting

4 Answers 62 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Travis
Top achievements
Rank 1
Travis asked on 03 Jul 2017, 06:26 PM
The angular reporting component does not work with angular universal/SSR due to its jQuery dependency.  Is there any way around this?

4 Answers, 1 is accepted

Sort by
0
Stef
Telerik team
answered on 04 Jul 2017, 02:26 PM
Hello Travis,

The HTML5 Viewer is a JavaScript widget that depends on jQuery.
The available Angular Viewer is a wrapper of the HTML5 Viewer and it also has a dependency on jQuery - Requirements.

If using the viewer is not an option for you, please check if exporting reports programmatically without preview fits your requirements - Export Report Programmatically.

Regards,
Stef
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Travis
Top achievements
Rank 1
answered on 05 Jul 2017, 05:11 PM
OK, I figured out how to work around the jQuery requirement by having a component that is only rendered browser-side.  However, there are issues with CSS.  The menubar and report do not render properly.  Please see attachment for screenshot of the menu.  Are there any further steps to take to make the CSS work?
0
Travis
Top achievements
Rank 1
answered on 05 Jul 2017, 07:28 PM
OK, so it looks like there is a bug.  Text boxes with the middle align property are not being rendered correctly.  Attached are examples.  The first attachment is from the report builder.  The second the report rendered in the app.  As you can see the text box is getting cut off in the application on rendering.
0
Stef
Telerik team
answered on 06 Jul 2017, 12:23 PM
Hi Travis,

Below is a quote from my response in your support ticket on the same issue:
"In general, reports are rendered on the server in HTML accompanied by CSS and the content is loaded in the DIV element of the viewer at the client. External CSS with stronger selectors can affect the HTML in the viewer.
Please inspect the rendered HTML in browser with F12 Developer Tools and trace the Style inheritance of the HTML elements looking incorrectly in browser. This will let you to know which styles affect the HTML and to isolate/modify the CSS on the page."



If you need further help, please let us continue the discussion in one of both threads in order to keep a better track on the exchanged information.

Thank you for your understanding.

Regards,
Stef
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
General Discussions
Asked by
Travis
Top achievements
Rank 1
Answers by
Stef
Telerik team
Travis
Top achievements
Rank 1
Share this question
or