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)