or
<div class="centered-pills"> <ul class="nav nav-pills" id="myTab"> <li class="active"> <a href="#response" data-toggle="pill" >Response</a> </li> <li><a href="#eng" data-toggle="pill">Eng</a></li> <li><a href="#bias" data-toggle="pill">Bias</a></li> <li><a href="#sus" data-toggle="pill">Sus</a></li> </ul></div> <div class="tab-content"> <div class="tab-pane active" id="response"> <telerik:RadMap runat="server" ID="RadMap1" Zoom="2" Height="600px" MinZoom="2" MaxZoom="2" Pannable="false" CssClass="Map" > <ClientEvents OnShapeCreated="shapeCreated" OnShapeMouseEnter="shapeMouseEnter" OnShapeMouseLeave="shapeMouseLeave" /> <LayersCollection> <telerik:MapLayer ClientDataSourceID="RadClientDataSource1" Type="Shape" Opacity="1" TitleField="name" ValueField="response" Key="response" /> </LayersCollection> <CenterSettings Longitude="32" Latitude="7" /> </telerik:RadMap> </div> <div class="tab-pane" id="eng"> <telerik:RadMap runat="server" ID="RadMap2" Zoom="2" Height="600px" MinZoom="2" MaxZoom="2" Pannable="false" CssClass="Map" > <ClientEvents OnShapeCreated="shapeCreated" OnShapeMouseEnter="shapeMouseEnter" OnShapeMouseLeave="shapeMouseLeave" /> <LayersCollection> <telerik:MapLayer ClientDataSourceID="RadClientDataSource1" Type="Shape" Opacity="1" TitleField="name" ValueField="eng" Key="eng" /> </LayersCollection> <CenterSettings Longitude="32" Latitude="7" /> </telerik:RadMap> </div> <div class="tab-pane" id="bias"> <telerik:RadMap runat="server" ID="RadMap3" Zoom="2" Height="600px" MinZoom="2" MaxZoom="2" Pannable="false" CssClass="Map" > <ClientEvents OnShapeCreated="shapeCreated" OnShapeMouseEnter="shapeMouseEnter" OnShapeMouseLeave="shapeMouseLeave" /> <LayersCollection> <telerik:MapLayer ClientDataSourceID="RadClientDataSource1" Type="Shape" Opacity="1" TitleField="name" ValueField="sus" Key="sus" /> </LayersCollection> <CenterSettings Longitude="32" Latitude="7" /> </telerik:RadMap> </div> <div class="tab-pane" id="sus"> <telerik:RadMap runat="server" ID="RadMap4" Zoom="2" Height="600px" MinZoom="2" MaxZoom="2" Pannable="false" CssClass="Map" > <ClientEvents OnShapeCreated="shapeCreated" OnShapeMouseEnter="shapeMouseEnter" OnShapeMouseLeave="shapeMouseLeave" /> <LayersCollection> <telerik:MapLayer ClientDataSourceID="RadClientDataSource1" Type="Shape" Opacity="1" TitleField="name" ValueField="bias" Key="bias" /> </LayersCollection> <CenterSettings Longitude="32" Latitude="7" /> </telerik:RadMap> </div></div>$('#myTab a').click(function (e) { e.preventDefault(); $(this).tab('show');})
Hi,
I have a pivot grid where some of the fields holds "long" texts. Sometimes the “rows” in the grids are not aligned correctly with the “column rows” – especially when the text wraps. I tried my example in a completely empty project on a page having only the pivot grid but the problem does not go away (no CSS or other layout applied).
(IE9)

