Angular 4 Server Side Rendering and Reporting

[Travis]

The angular reporting component does not work with angular universal/SSR due to its jQuery dependency.  Is there any way around this?

[Stef]

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

[Travis]

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?

[Travis]

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.

[Stef]

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