Spreadsheet formatting issues

[Joe]

When I add an MVC Spreadsheet using this very simple code (in a View page of an MVC app)

@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>

@{
    var path = Server.MapPath("~/Content/CSVFiles/SUNRISE06142016.csv");
    var workbook = Telerik.Web.Spreadsheet.Workbook.Load(path);
}

<div style="background-color: coral; width: 500px; height: 500px; border-style: double">
    @(Html.Kendo().Spreadsheet()
        .Name("spreadsheet")
        .BindTo(workbook))
</div>

The result page is not a spreadsheet, to be sure...  I've attached a screen shot of the page without the spread sheet, and then with the spreadsheet.  What gives here?

Basically what I'm wanting to do is to upload a CSV file, of any format and load it into a spreadsheet component. Ultimately this will be for users to map their CSV uploads to an object for parsing.  Each and every CSV file will most likely be different.

 

[Nencho]

Hello Joe,

I have locally tested the provided implementation, regarding the described scenario, but I am afraid that no issue was locally observed. From the provided images, it seems that the widget is not properly initialized. Could you make sure that there are not javascript errors on the page, using your browser's developer tool console?

Regards,
Nencho
Telerik

[Joe]

There were no errors at all.  I could never get it to work at all, so stopped even trying.  It was probably some style conflict or clash...  One of the reasons I hate styles and using 3rd party components.  So far nothing from Telerik has worked out of the box...

[Nencho]

Hello Joe,

I am sorry to see that you've experienced such problems. However, if you could send us an isolated sample project, demonstrating the problem, we will gladly revise it locally and pin down the reason for the problem for you.

Regards,
Nencho
Telerik