A few general questions

3 posts, 0 answers
  1. Daniel
    Daniel avatar
    6 posts
    Member since:
    Mar 2015

    Posted 12 Mar 2015 Link to this post

    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>

  2. Daniel
    Daniel avatar
    6 posts
    Member since:
    Mar 2015

    Posted 12 Mar 2015 Link to this post

    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>
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Daniel
    Daniel avatar
    6 posts
    Member since:
    Mar 2015

    Posted 12 Mar 2015 Link to this post

    Found the other problem. Needed to set the skin on the ajax loading panel.
Back to Top