SSRS report inside iframe within telerik MVC tab control breaks tab switching

[dawidsi40]

I had a working ASP .NET MVC view that contained 6 tabs in a telerik MVC tab control. We decided to collapse three of the tabs into one and present the data from a SSRS report within an iframe. After the change was made the report loaded into the tab (default tab) as expected. But now I can't switch to any of the other tabs. When I click on a tab nothing happens. I think there is some javascript code in the SSRS report renderer that is breaking the telerik tab.Tab Control code it listed below. First tabstrip contains the embedded report.\[code\]<% Html.Telerik().TabStrip().Name("TabStrip").Items(tabstrip =>{ tabstrip.Add() .Text("Details") .Content(() => { %> <iframe src="http://stackoverflow.com/questions/11908580/<%= ViewData["memoReportLink"]%>" height="500" width="100%" scrolling="no"/> <% }); tabstrip.Add() .Text("Watchist Trigger Review") .Content(() => { if (Model.EditState != "Closed") { %> <div class="t-toolbar t-grid-toolbar t-grid-top"> <a class="t-button" href="http://stackoverflow.com/questions/11908580/#" onclick="LaunchModalWindow('/DebtRisk/AddReportComment?debtPropertyReportId=<%= Model.DebtPropertyReportId %>&defaultAssetGroupTypeCode=T', 'Add Report Comment', 'AddReportComment', 500, 250);">Add Comment</a> </div> <% } Html.Telerik().Grid<ReportCommentRiskIndicatorDto>() .Name("ReportCommentRiskIndicatorGrid") .Editable(editing => editing.Mode(GridEditMode.InLine)) .DataKeys(keys => keys.Add(o => o.Id)) .DataBinding(dataBinding => dataBinding.Ajax() .Select("SelectReportCommentRiskIndicator", "DebtRisk", new { id = Model.ReportCommentId }) ) .Columns(columns => { columns.Bound(o => o.RiskIndicatorCode).Title("Code").Width("4em").ReadOnly(); columns.Bound(o => o.RiskIndicatorDetailedDescription).Title("Description").Width("35em").ReadOnly(); columns.Bound(o => o.CreatedDate).Title("Run Date").Format("{0:MM/dd/yyyy}").Width("8em").ReadOnly(); columns.Bound(o => o.Id).ClientTemplate("&nbsp;").Title("").ReadOnly(); }) .ClientEvents(events => events.OnRowDataBound("ReportCommentRiskIndicatorGrid_onRowDataBound")) .Footer(false) .Render(); }); tabstrip.Add() .Text("Comments") .Content(() => { if (Model.EditState != "Closed") { %> <div class="t-toolbar t-grid-toolbar t-grid-top"> <a class="t-button" href="http://stackoverflow.com/questions/11908580/#" onclick="LaunchModalWindow('/DebtRisk/AddReportComment?debtPropertyReportId=<%= Model.DebtPropertyReportId %>', 'Add Report Comment', 'AddReportComment', 500, 250);">Add Comment</a> </div> <% } Html.Telerik().Grid<CommentDto>() .Name("ReportCommentGrid") .DataKeys(keys => keys.Add(o => o.Id)) .Editable(editing => editing.Mode(GridEditMode.InLine)) .DataBinding(dataBinding => dataBinding.Ajax() .Select("SelectReportComment", "DebtRisk", new { id = Model.ReportCommentId }) .Delete("DeleteReportComment", "DebtRisk") ) .Columns(columns => { columns.Bound(o => o.AssetGroupTypeDescription).Title("Type").Width("12em").ReadOnly(); columns.Bound(o => o.Text).Title("Comment").Width("35em").ReadOnly(); columns.Command(commands => { commands.Custom("EditReportComment") .Text("Edit") .Action("EditReportComment","DebtRisk") .HtmlAttributes(new { @class="edit-report-comment" }) .DataRouteValues(route => route.Add(o => o.Id).RouteKey("id")) ; commands.Delete(); }).Width("12em").Title("Actions"); columns.Bound(o => o.Id).ClientTemplate("&nbsp;").Title("").ReadOnly(); }) .ClientEvents(events => events.OnRowDataBound("ReportCommentGrid_onRowDataBound")) .Footer(false) .Render(); }); tabstrip.Add() .Text("Status History") .Content(() => { Html.Telerik().Grid<DebtPropertyReportStatusHistoryDto>() .Name("StatusHistoryGrid") .DataKeys(keys => keys.Add(o => o.Id)) .DataBinding(dataBinding => dataBinding.Ajax() .Select("SelectDebtPropertyReportStatusHistory", "DebtRisk", new { id = Model.DebtPropertyReportId }) ) .Columns(columns => { columns.Bound(o => o.ReportStatusDescription).Title("Status").Width("12em").ReadOnly(); columns.Bound(o => o.CreatedBy).Title("User").Width("12em").ReadOnly(); columns.Bound(o => o.CreatedDate).Title("Date").Width("12em").ReadOnly(); columns.Bound(o => o.Id).ClientTemplate("&nbsp;").Title("").ReadOnly(); }) .Footer(false) .Render(); });}).SelectedIndex(0).Render();%>\[/code\]