CSS Issue in MVC 4 Application

2 posts, 0 answers
  1. Kelum
    Kelum avatar
    9 posts
    Member since:
    Nov 2014

    Posted 03 Dec 2014 Link to this post

    I created Report from my server database using  Telerik Report Designer . then I integrated those report into my MVC 4 Application , Everything working fine , 

    I followed this Telerik Tutorial 

    I commented below snippet also (in CSS File)

    input, textarea { border: 1px solid #e2e2e2; background: #fff; color: #333; font-size: 1.2em; margin: 5px 0 6px 0; padding: 5px; width: 300px;} 

    table { border-collapse: collapse; border-spacing: 0; margin-top: 0.75em; border: 0 none;}

    td { padding: 0.25em 2em 0.25em 0em; border: 0 none;}

    But I'm getting CSS issue like below attached image.
  2. Stef
    Stef avatar
    3610 posts

    Posted 04 Dec 2014 Link to this post

    Hello Kelum,

    Please use the browser's developer tools e.g., F12 Developer tools in IE or Firebig in Firefox, and check the calculated styles for the misplaced HTML elements. Tracing the styles' inheritance will help you to remove the confronting CSS rules.

    Our recommendation is to use the HTML5 Report Viewer in MVC applications.

    In general, the HTML5 Report Viewer is a client-side widget served only by a running Reporting REST service, which is dedicated to display already created reports. It is the service that manages the report state and resources. More details how the viewer and the service work, and how to set them manually in a project are available in this forum thread (all tutorials for using the viewer and the service are linked in the thread).

    Details how to add the viewer via template are available in the HTML5 Report Viewer Quickstart article

    How the viewer(client)-service pair works:

    Basically, the client (viewer) sends string description of the requested report (the viewer's reportSource.report value) to the service, and depending on the report resolvers in the service's CreateReportResolver method this string description will be resolved to a report source object.
    By default we provide ReportFileResolver and ReportTypeResolver. You can also create your own report resolvers as in the example in the How To: Implement a Custom Report Resolver article.

    Depending on how the application will be hosted, you can use the corresponding cache storage for the service - REST Service storage.

    For a working demo, check the local examples installed by default under C:\Program Files (x86)\Telerik\Reporting <VERSION>\Examples\CSharp.

    Let us know if you need any further help.


    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

Back to Top