Hi
I have just downloaded the trial for the pivot grid and have a few questions as nothing is turned up via search.
1. When setting the height to 100% it does not work, is this an issue. I can get it to work by simple adding style tags with nothing in them but that messes with styles by making fonts bigger etc.
2. The load mask does does not display and I get a blank screen when performing any action such as filtering.
I am running in IE10 and 2012 c# with 2 references (telerik.web.ui & web.ui.skins). Pretty much using the code as is provided by the demos. Below is the markup (Uncommenting the style tags and the height gets set). I am wondering if I need to copy some js files into the project?
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%--<style>
</style>--%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' >
<head id="Head1" runat="server">
<title>Telerik ASP.NET Example</title>
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadPivotGrid2">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadPivotGrid2"></telerik:AjaxUpdatedControl>
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" >
</telerik:RadAjaxLoadingPanel>
<div style="height:100%">
<telerik:RadPivotGrid ID="RadPivotGrid2" runat="server" DataSourceID="ObjectDataSource1" height="98%" LoadingPanelID="RadAjaxLoadingPanel1"
AllowPaging="true" AllowFiltering="true" ShowFilterHeaderZone="true">
<ClientSettings Scrolling-AllowVerticalScroll="true" EnableFieldsDragDrop="true">
</ClientSettings>
<DataCellStyle Width="100px" />
<Fields>
<telerik:PivotGridRowField ZoneIndex="0" DataField="PlaneType" Caption="PlaneType">
</telerik:PivotGridRowField>
<telerik:PivotGridRowField ZoneIndex="1" DataField="PlaneModel" Caption="PlaneModel">
</telerik:PivotGridRowField>
<telerik:PivotGridAggregateField ZoneIndex="0" DataField="Passengers" Caption="Passengers" UniqueName="Passengers" Aggregate="Sum">
</telerik:PivotGridAggregateField>
<telerik:PivotGridAggregateField ZoneIndex="1" DataField="Cargo" Caption="Cargo" UniqueName="Cargo" Aggregate="Sum">
</telerik:PivotGridAggregateField>
<telerik:PivotGridColumnField ZoneIndex="0" DataField="Country" Caption="Country" UniqueName="Country">
</telerik:PivotGridColumnField>
<telerik:PivotGridColumnField ZoneIndex="1" DataField="City" Caption="City" UniqueName="City">
</telerik:PivotGridColumnField>
</Fields>
</telerik:RadPivotGrid>
<asp:ObjectDataSource ID="ObjectDataSource1" runat="server" SelectMethod="GetPivotData" TypeName="ModelViewer.Class.PivotItemData">
</asp:ObjectDataSource>
</div>
</form>
</body>
</html>
I have just downloaded the trial for the pivot grid and have a few questions as nothing is turned up via search.
1. When setting the height to 100% it does not work, is this an issue. I can get it to work by simple adding style tags with nothing in them but that messes with styles by making fonts bigger etc.
2. The load mask does does not display and I get a blank screen when performing any action such as filtering.
I am running in IE10 and 2012 c# with 2 references (telerik.web.ui & web.ui.skins). Pretty much using the code as is provided by the demos. Below is the markup (Uncommenting the style tags and the height gets set). I am wondering if I need to copy some js files into the project?
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%--<style>
</style>--%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' >
<head id="Head1" runat="server">
<title>Telerik ASP.NET Example</title>
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadPivotGrid2">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadPivotGrid2"></telerik:AjaxUpdatedControl>
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" >
</telerik:RadAjaxLoadingPanel>
<div style="height:100%">
<telerik:RadPivotGrid ID="RadPivotGrid2" runat="server" DataSourceID="ObjectDataSource1" height="98%" LoadingPanelID="RadAjaxLoadingPanel1"
AllowPaging="true" AllowFiltering="true" ShowFilterHeaderZone="true">
<ClientSettings Scrolling-AllowVerticalScroll="true" EnableFieldsDragDrop="true">
</ClientSettings>
<DataCellStyle Width="100px" />
<Fields>
<telerik:PivotGridRowField ZoneIndex="0" DataField="PlaneType" Caption="PlaneType">
</telerik:PivotGridRowField>
<telerik:PivotGridRowField ZoneIndex="1" DataField="PlaneModel" Caption="PlaneModel">
</telerik:PivotGridRowField>
<telerik:PivotGridAggregateField ZoneIndex="0" DataField="Passengers" Caption="Passengers" UniqueName="Passengers" Aggregate="Sum">
</telerik:PivotGridAggregateField>
<telerik:PivotGridAggregateField ZoneIndex="1" DataField="Cargo" Caption="Cargo" UniqueName="Cargo" Aggregate="Sum">
</telerik:PivotGridAggregateField>
<telerik:PivotGridColumnField ZoneIndex="0" DataField="Country" Caption="Country" UniqueName="Country">
</telerik:PivotGridColumnField>
<telerik:PivotGridColumnField ZoneIndex="1" DataField="City" Caption="City" UniqueName="City">
</telerik:PivotGridColumnField>
</Fields>
</telerik:RadPivotGrid>
<asp:ObjectDataSource ID="ObjectDataSource1" runat="server" SelectMethod="GetPivotData" TypeName="ModelViewer.Class.PivotItemData">
</asp:ObjectDataSource>
</div>
</form>
</body>
</html>
2 Answers, 1 is accepted
0
Daniel
Top achievements
Rank 1
Rank 1
answered on 12 Mar 2015, 12:12 PM
Ok managed to solve the height issue by adding the style tag to the page so it sets the height and reseting the style like below.
<style>
form table
{
font-size: 12px;
}
</style>
<style>
form table
{
font-size: 12px;
}
</style>
0
Daniel
Top achievements
Rank 1
Rank 1
answered on 12 Mar 2015, 02:54 PM
Found the other problem. Needed to set the skin on the ajax loading panel.