Telerik Forums / UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.

Page issue when adding several controls

0 Answers 62 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
Rodrigo
Top achievements
Rank 1
Rodrigo asked on 22 Jul 2016, 05:27 PM
ok.jpg
fail.jpg

Hi,

I'm working with telerik controls such as radhtmlcharts, comboboxs, grids,tapstrip,RadMultiPage; all of the in the same page. I have at least 10 charts and 10 ragrid all of them in separated RadPageView.

Everything works perfect until I decided to add a radpanel where I want to add radcomboboxes in order to use them as my chart's filters, They will be around 15 comboboxes, but when I run the app everything stops working.

here is part of my code, where panel is inside a <td>, in the other <td> is located RadMultiPage  and the RadPageViews

<div>
                <table style="width:100%">
                    <tr>
                        <td style="width:21%" valign="top">
                            <telerik:RadPanelBar ID="RadPanelBar1" runat="server" Width="100%" ExpandMode="FullExpandedItem" Skin="Windows7" Height="100%">
                                <Items>
                                    <telerik:RadPanelItem runat="server" Text="Areas">
                                        <Items>
                                            <telerik:RadPanelItem runat="server" Value="templateHolder">
                                                <ContentTemplate>
                                                    <telerik:RadComboBox RenderMode="Lightweight" runat="server" ID="rcbDireccion" Label="Dirección:" AutoPostBack="true"
                                                        DataTextField="Direccion" DataValueField="ID" OnSelectedIndexChanged="rcbDireccion_SelectedIndexChanged" DropDownAutoWidth="Enabled"
                                                        Skin="Windows7" Filter="Contains" Width="100%" EmptyMessage="Dirección..." OnClientDropDownOpening="dropDownOpening"
                                                    OnClientDropDownClosed="dropDownClosed" OnClientSelectedIndexChanged="dropDownClosed">
                                                    </telerik:RadComboBox>
                                                    <br />
                                                    <telerik:RadComboBox RenderMode="Lightweight" runat="server" ID="rcbSubdireccion" Label="Subdirección:" AutoPostBack="true"
                                                        DataTextField="Sub" DataValueField="ID" OnSelectedIndexChanged="rcbSubdireccion_SelectedIndexChanged" DropDownAutoWidth="Enabled"
                                                        Skin="Windows7" Filter="Contains" Width="100%" EmptyMessage="Subdirección..." >
                                                    </telerik:RadComboBox>
                                                    <br />
                                                    <telerik:RadComboBox RenderMode="Lightweight" runat="server" ID="rcbGerencia" Label="Gerencia:" AutoPostBack="true"
                                                        DataTextField="Gerencia" DataValueField="ID" OnSelectedIndexChanged="rcbGerencia_SelectedIndexChanged" DropDownAutoWidth="Enabled"
                                                        Skin="Windows7" Filter="Contains" Width="100%" EmptyMessage="Gerencia...">
                                                    </telerik:RadComboBox>
                                                    <br />
                                                    <telerik:RadComboBox RenderMode="Lightweight" runat="server" ID="rcbJefatura" Label="Jefatura/Unidad:" AutoPostBack="true"
                                                        DataTextField="Jefatura" DataValueField="ID" OnSelectedIndexChanged="rcbJefatura_SelectedIndexChanged" DropDownAutoWidth="Enabled"
                                                        Skin="Windows7" Filter="Contains" Width="100%" EmptyMessage="Jefatura/Unidad...">
                                                    </telerik:RadComboBox>
                                                </ContentTemplate>
                                            </telerik:RadPanelItem>
                                        </Items>
                                    </telerik:RadPanelItem>
                                    <telerik:RadPanelItem runat="server" Text="Datos PPTO">
                                                <Items>
                                                    <telerik:RadPanelItem runat="server" Value="templateHolder1">
                                                        <ContentTemplate>
                                                            <telerik:RadComboBox RenderMode="Lightweight" runat="server" ID="rcbPresupuesto" Label="Presupuesto:" AutoPostBack="true"
                                                                DataTextField="Gerencia" DataValueField="ID" DropDownAutoWidth="Enabled"
                                                                Skin="Windows7" Filter="Contains" Width="100%" EmptyMessage="Presupuesto...">
                                                            </telerik:RadComboBox>
                                                            <br />
                                                            <telerik:RadComboBox RenderMode="Lightweight" runat="server" ID="rcbPrograma" Label="Programa:" AutoPostBack="true"
                                                                DataTextField="Gerencia" DataValueField="ID" DropDownAutoWidth="Enabled"
                                                                Skin="Windows7" Filter="Contains" Width="100%" EmptyMessage="Programa...">
                                                            </telerik:RadComboBox>
                                                            <br />
                                                            <telerik:RadComboBox RenderMode="Lightweight" runat="server" ID="rcbTrabajo" Label="Trabajo:" AutoPostBack="true"
                                                                DataTextField="Gerencia" DataValueField="ID" DropDownAutoWidth="Enabled"
                                                                Skin="Windows7" Filter="Contains" Width="100%" EmptyMessage="Trabajo...">
                                                            </telerik:RadComboBox>
                                                            <br />
                                                            <telerik:RadComboBox RenderMode="Lightweight" runat="server" ID="rcbProyecto" Label="Proyecto:" AutoPostBack="true"
                                                                DataTextField="Gerencia" DataValueField="ID" DropDownAutoWidth="Enabled"
                                                                Skin="Windows7" Filter="Contains" Width="100%" EmptyMessage="Proyecto...">
                                                            </telerik:RadComboBox>
                                                            <br />
                                                        </ContentTemplate>
                                                    </telerik:RadPanelItem>
                                                </Items>
                                            </telerik:RadPanelItem>
                                    <telerik:RadPanelItem runat="server" Text="Equipos">
                                        <Items>
                                            <telerik:RadPanelItem runat="server" Value="templateHolder1">
                                                        <ContentTemplate>
                                                            <telerik:RadComboBox RenderMode="Lightweight" runat="server" ID="rcbNombre" Label="Equipo:" AutoPostBack="true"
                                                                DataTextField="Gerencia" DataValueField="ID" DropDownAutoWidth="Enabled"
                                                                Skin="Windows7" Filter="Contains" Width="100%" EmptyMessage="Equipo...">
                                                            </telerik:RadComboBox>
                                                            <br />
                                                            <telerik:RadComboBox RenderMode="Lightweight" runat="server" ID="rcbCapacidad" Label="Capacidad:" AutoPostBack="true"
                                                                DataTextField="Gerencia" DataValueField="ID" DropDownAutoWidth="Enabled"
                                                                Skin="Windows7" Filter="Contains" Width="100%" EmptyMessage="Capacidad...">
                                                            </telerik:RadComboBox>
                                                            <br />
                                                            <telerik:RadComboBox RenderMode="Lightweight" runat="server" ID="rcbAreaOp" Label="Area:" AutoPostBack="true"
                                                                DataTextField="Gerencia" DataValueField="ID" DropDownAutoWidth="Enabled"
                                                                Skin="Windows7" Filter="Contains" Width="100%" EmptyMessage="Operativa...">
                                                            </telerik:RadComboBox>
                                                            <br />
                                                            <telerik:RadComboBox RenderMode="Lightweight" runat="server" ID="rcbActividad" Label="Actividad:" AutoPostBack="true"
                                                                DataTextField="Gerencia" DataValueField="ID" DropDownAutoWidth="Enabled"
                                                                Skin="Windows7" Filter="Contains" Width="100%" EmptyMessage="Actividad...">
                                                            </telerik:RadComboBox>
                                                            <br />
                                                            <telerik:RadComboBox RenderMode="Lightweight" runat="server" ID="rcbTipoEquipo" Label="Tipo:" AutoPostBack="true"
                                                                DataTextField="Gerencia" DataValueField="ID" DropDownAutoWidth="Enabled"
                                                                Skin="Windows7" Filter="Contains" Width="100%" EmptyMessage="de Equipo...">
                                                            </telerik:RadComboBox>
                                                            <br />
                                                            <telerik:RadComboBox RenderMode="Lightweight" runat="server" ID="rcbAreatrabjo" Label="Area de:" AutoPostBack="true"
                                                                DataTextField="Gerencia" DataValueField="ID" DropDownAutoWidth="Enabled"
                                                                Skin="Windows7" Filter="Contains" Width="100%" EmptyMessage="Trabajo...">
                                                            </telerik:RadComboBox>
                                                        </ContentTemplate>
                                                    </telerik:RadPanelItem>
                                        </Items>
                                    </telerik:RadPanelItem>
                                    <telerik:RadPanelItem runat="server" Text="Configuración">
                                        <Items>
                                            <telerik:RadPanelItem runat="server" Value="templateHolder1">
                                                        <ContentTemplate>
                                                            <telerik:RadComboBox RenderMode="Lightweight" runat="server" ID="rcbSociedad" Label="Sociedad:" AutoPostBack="true"
                                                                DataTextField="Sub" DataValueField="ID" DropDownAutoWidth="Enabled"
                                                                Skin="Windows7" Filter="Contains" Width="100%" EmptyMessage="Sociedad...">
                                                            </telerik:RadComboBox>
                                                            <br />
                                                            <telerik:RadComboBox RenderMode="Lightweight" runat="server" ID="rcbFondo" Label="Fondo:" AutoPostBack="true"
                                                                DataTextField="Sub" DataValueField="ID" DropDownAutoWidth="Enabled"
                                                                Skin="Windows7" Filter="Contains" Width="100%" EmptyMessage="Fondo..." >
                                                            </telerik:RadComboBox>
                                                            <br />
                                
                                                            <telerik:RadComboBox RenderMode="Lightweight" runat="server" ID="rcbAdecuado" Label="Adecuado:" AutoPostBack="true"
                                                                DataTextField="Jefatura" DataValueField="ID" DropDownAutoWidth="Enabled"
                                                                Skin="Windows7" Filter="Contains" Width="100%" EmptyMessage="Adecuado...">
                                                            </telerik:RadComboBox>
                                                            <br />
                                                            <telerik:RadComboBox RenderMode="Lightweight" runat="server" ID="rcbEjercicio" Label="Ejercicio:" AutoPostBack="true"
                                                                DataTextField="Jefatura" DataValueField="ID" DropDownAutoWidth="Enabled"
                                                                Skin="Windows7" Filter="Contains" Width="100%" EmptyMessage="Ejercicio...">
                                                            </telerik:RadComboBox>
                                                        </ContentTemplate>
                                                    </telerik:RadPanelItem>
                                        </Items>
                                    </telerik:RadPanelItem>
                                </Items>
                </telerik:RadPanelBar>
                        </td>
                        <td style="width:79%" valign="top" align="left">
                            <telerik:RadMultiPage ID="RadMultiPag1" runat="server" CssClass="RadMultiPage" SelectedIndex="0" RenderMode="Lightweight" Width="100%">
                                <telerik:RadPageView ID="RadPageView3" runat="server" Height="100%" Style="overflow: hidden" CssClass="innerMultiPage">
                                <br />
                                <asp:ImageButton ID="btnAF" OnClientClick="printChartClientAF(); return false;" runat="server" ToolTip="Imprimir Gráfico" ImageUrl="~/Images/ico_imprimir.gif"/>
                                <div id="chartContainerAF" style="width:100%">
                                <div class="col-lg-9">
                                        <telerik:RadHtmlChart RenderMode="Lightweight" runat="server" ID="ColumnAF" Width="100%" Height="500" Transitions="true" Skin="Simple" DataSourceID="SqlDataSourceAF">
                                        <ClientEvents OnLoad="chartLoad"/>
                                        <PlotArea>
                                            <Series>
                                                <telerik:ColumnSeries Name="Devengado" Stacked="false" Gap="1.5" Spacing="0.4" DataFieldY="Devengado">
                                                    <Appearance>
                                                        <FillStyle BackgroundColor="#ff0000"></FillStyle>
                                                    </Appearance>
                                                    <LabelsAppearance DataFormatString="{0:C} MM" Position="OutsideEnd" RotationAngle="90" Color="Black"></LabelsAppearance>
                                                    <TooltipsAppearance DataFormatString="{0:C} MM" Color="White"></TooltipsAppearance>
                                                </telerik:ColumnSeries>
                                                <telerik:ColumnSeries Name="Flujo" Gap="1.5" Spacing="0.4" DataFieldY="Flujo">
                                                    <Appearance>
                                                        <FillStyle BackgroundColor="#33cc33"></FillStyle>
                                                    </Appearance>
                                                    <LabelsAppearance DataFormatString="{0:C} MM" Position="OutsideEnd"  RotationAngle="90" Color="Black"></LabelsAppearance>
                                                    <TooltipsAppearance DataFormatString="{0:C} MM" Color="White"></TooltipsAppearance>
                                                </telerik:ColumnSeries>
                                            </Series>
                                            <Appearance>
                                                <FillStyle BackgroundColor="Transparent"></FillStyle>
                                            </Appearance>
                                            <XAxis AxisCrossingValue="0" Color="black" MajorTickType="Outside" MinorTickType="Outside"
                                                Reversed="false" DataLabelsField="Area">
                                                <LabelsAppearance DataFormatString="{0}" RotationAngle="90" Skip="0" Step="1"></LabelsAppearance>
                                                <TitleAppearance Position="Center" RotationAngle="0" Text="Centro Gestor">
                                                </TitleAppearance>
                                            </XAxis>
                                            <YAxis AxisCrossingValue="0" Color="black" MajorTickSize="1" MajorTickType="Outside"
                                                MinorTickType="None" Reversed="false">
                                                <LabelsAppearance DataFormatString="{0} MM" RotationAngle="0" Skip="0" Step="1"></LabelsAppearance>
                                                <TitleAppearance Position="Center" RotationAngle="0" Text="">
                                                </TitleAppearance>
                                            </YAxis>
                                        </PlotArea>
                                        <Appearance>
                                            <FillStyle BackgroundColor="Transparent"></FillStyle>
                                        </Appearance>
                                        <ChartTitle Text="Gráfico por Centro Gestor">
                                            <Appearance Align="Center" BackgroundColor="Transparent" Position="Top">
                                            </Appearance>
                                        </ChartTitle>
                                        <Legend>
                                            <Appearance BackgroundColor="Transparent" Position="Right">
                                            </Appearance>
                                        </Legend>
                                    </telerik:RadHtmlChart>
                                    </div>
                                </div>
                                <div class="col-lg-3" >
                                    <telerik:RadGrid ID="rgColumnAF" runat="server" AllowPaging="True" Culture="es-MX" Width="98%" RenderMode="Lightweight" Height="500"
                                        PageSize="20" GroupPanelPosition="Top" Skin="Windows7" DataSourceID="SqlDataSourceAF" OnItemDataBound="rgColumnAF_ItemDataBound"
                                        OnExcelMLWorkBookCreated="rgColumnAF_ExcelMLWorkBookCreated" onexcelmlexportrowcreated="rgColumnAF_ExcelMLExportRowCreated"
                OnItemCreated="rgColumnAF_ItemCreated" OnItemCommand="rgColumnAF_ItemCommand">
                                        <ClientSettings ReorderColumnsOnClient="true" AllowColumnsReorder="true" ColumnsReorderMethod="Reorder">
                                            <Scrolling AllowScroll="true" UseStaticHeaders="true"/>
                                        </ClientSettings>
                                        <GroupingSettings CaseSensitive="false" />
                                        <ExportSettings OpenInNewWindow="true" IgnorePaging="true"/>
                                        <MasterTableView AutoGenerateColumns="true" CommandItemDisplay="Top">
                                            <CommandItemSettings ShowExportToExcelButton="true" ShowAddNewRecordButton="false" ShowRefreshButton="false"/>
                                            <Columns>
                                            </Columns>
                                        </MasterTableView>
                                    </telerik:RadGrid>
                                </div>
                            </telerik:RadPageView>
                                <telerik:RadPageView ID="RadPageView4" runat="server" Height="100%" Style="overflow: hidden">
                                    <br />
                                    <asp:ImageButton  ID="btnProc" OnClientClick="printChartClientAF(); return false;" runat="server" ToolTip="Imprimir Gráfico" ImageUrl="~/Images/ico_imprimir.gif"/>
                                    <div id="chartContainerProc" style="width:100%">
                                        <div class="col-lg-9">
                                        <telerik:RadHtmlChart RenderMode="Lightweight" runat="server" ID="BarProc" Width="100%" Height="500" Transitions="true" Skin="Simple" DataSourceID="SqlDataSourceProc">
                                            <ClientEvents OnLoad="chartLoad1" />
                                            <PlotArea>
                                                <Series>
                                                    <telerik:BarSeries Name="Devengado" Stacked="false" Gap="1.5" Spacing="0.4" DataFieldY="Devengado">
                                                        <Appearance>
                                                            <FillStyle BackgroundColor="#ff0000"></FillStyle>
                                                        </Appearance>
                                                        <LabelsAppearance DataFormatString="{0:C} MM" Position="OutsideEnd" RotationAngle="0"></LabelsAppearance>
                                                        <TooltipsAppearance DataFormatString="{0:C} MM" Color="White"></TooltipsAppearance>
                                                    </telerik:BarSeries>
                                                    <telerik:BarSeries Name="Flujo" Gap="1.5" Spacing="0.4" DataFieldY="Flujo">
                                                        <Appearance>
                                                            <FillStyle BackgroundColor="#00ff00"></FillStyle>
                                                        </Appearance>
                                                        <LabelsAppearance DataFormatString="{0:C} MM" Position="OutsideEnd" RotationAngle="0"></LabelsAppearance>
                                                        <TooltipsAppearance DataFormatString="{0:C} MM" Color="White"></TooltipsAppearance>
                                                    </telerik:BarSeries>
                                                </Series>
                                                <Appearance>
                                                    <FillStyle BackgroundColor="Transparent"></FillStyle>
                                                </Appearance>
                                                <XAxis AxisCrossingValue="0" Color="black" MajorTickType="Outside" MinorTickType="Outside"
                                                    Reversed="false" DataLabelsField="Proceso">
                                                    <LabelsAppearance DataFormatString="{0}" RotationAngle="0" Skip="0" Step="1"></LabelsAppearance>
                                                    <TitleAppearance Position="Center" RotationAngle="0" Text="Proceso">
                                                    </TitleAppearance>
                                                </XAxis>
                                                <YAxis AxisCrossingValue="0" Color="black" MajorTickSize="1" MajorTickType="Outside"
                                                    MinorTickType="None" Reversed="false">
                                                    <LabelsAppearance DataFormatString="{0} MM" RotationAngle="90" Skip="0" Step="1"></LabelsAppearance>
                                                    <TitleAppearance Position="Center" RotationAngle="0" Text="">
                                                    </TitleAppearance>
                                                </YAxis>
                                            </PlotArea>
                                            <Appearance>
                                                <FillStyle BackgroundColor="Transparent"></FillStyle>
                                            </Appearance>
                                            <ChartTitle Text="Gráfico por Proceso">
                                                <Appearance Align="Center" BackgroundColor="Transparent" Position="Top">
                                                </Appearance>
                                            </ChartTitle>
                                            <Legend>
                                                <Appearance BackgroundColor="Transparent" Position="Top">
                                                </Appearance>
                                            </Legend>
                                        </telerik:RadHtmlChart>
                                    </div>
                                    </div>
                                    <div class="col-lg-3" align="center">
                                        <telerik:RadGrid ID="rgBarProc" runat="server" AllowPaging="True" Culture="es-MX" Width="100%" RenderMode="Lightweight"
                                            PageSize="20" GroupPanelPosition="Top" Skin="Windows7" DataSourceID="SqlDataSourceProc" OnItemDataBound="rgBarProc_ItemDataBound"
                                            OnExcelMLWorkBookCreated="rgBarProc_ExcelMLWorkBookCreated" onexcelmlexportrowcreated="rgBarProc_ExcelMLExportRowCreated"
                    OnItemCreated="rgBarProc_ItemCreated" OnItemCommand="rgBarProc_ItemCommand">
                                            <GroupingSettings CaseSensitive="false" />
                                            <ClientSettings ReorderColumnsOnClient="true" AllowColumnsReorder="true" ColumnsReorderMethod="Reorder">
                                                <Scrolling AllowScroll="true" UseStaticHeaders="true" />
                                            </ClientSettings>
                                            <ExportSettings OpenInNewWindow="true" IgnorePaging="true"/>
                                            <MasterTableView AutoGenerateColumns="true" CommandItemDisplay="Top">
                                                <CommandItemSettings ShowExportToExcelButton="true" ShowAddNewRecordButton="false" ShowRefreshButton="false"/>
                                            </MasterTableView>
                                        </telerik:RadGrid>
                                    </div>
                             
                                </telerik:RadPageView>
                                <telerik:RadPageView ID="RadPageView5" runat="server" Height="100%" Style="overflow: hidden">
                                    <br />
                                    <div class="col-lg-6" align="center">
                                        <telerik:RadGrid RenderMode="Lightweight" ID="rgAreaFlu" runat="server" AllowPaging="True" Culture="es-MX" Width="92%"
                                            PageSize="20" GroupPanelPosition="Top" Skin="Windows7" DataSourceID="SqlDataSourceProFlu" OnItemDataBound="rgAreaFlu_ItemDataBound"
                                            OnExcelMLWorkBookCreated="rgAreaFlu_ExcelMLWorkBookCreated" onexcelmlexportrowcreated="rgAreaFlu_ExcelMLExportRowCreated"
                    OnItemCreated="rgAreaFlu_ItemCreated" OnItemCommand="rgAreaFlu_ItemCommand">
                                            <GroupingSettings CaseSensitive="false" />
                                            <ClientSettings>
                                                <Scrolling AllowScroll="true" UseStaticHeaders="true" FrozenColumnsCount="1" />
                                            </ClientSettings>
                                            <ExportSettings OpenInNewWindow="true" IgnorePaging="true"/>
                                            <MasterTableView AutoGenerateColumns="true" CommandItemDisplay="Top">
                                                <CommandItemSettings ShowExportToExcelButton="true" ShowAddNewRecordButton="false" ShowRefreshButton="false"/>
                                            </MasterTableView>
                                        </telerik:RadGrid>
                                    </div>
                                    <div class="col-lg-6" align="center">
                                        <telerik:RadGrid ID="rgAreaDev" runat="server" AllowPaging="True" Culture="es-MX" Width="92%" RenderMode="Lightweight"
                                            PageSize="20" GroupPanelPosition="Top" Skin="Windows7" DataSourceID="SqlDataSourceProDev" OnItemDataBound="rgAreaDev_ItemDataBound"
                                            OnExcelMLWorkBookCreated="rgAreaDev_ExcelMLWorkBookCreated" onexcelmlexportrowcreated="rgAreaDev_ExcelMLExportRowCreated"
                    OnItemCreated="rgAreaDev_ItemCreated" OnItemCommand="rgAreaDev_ItemCommand">
                                            <GroupingSettings CaseSensitive="false" />
                                            <ClientSettings>
                                                <Scrolling AllowScroll="true" UseStaticHeaders="true" FrozenColumnsCount="1"/>
                                            </ClientSettings>
                                            <ExportSettings OpenInNewWindow="true" IgnorePaging="true"/>
                                            <MasterTableView AutoGenerateColumns="true" CommandItemDisplay="Top">
                                                <CommandItemSettings ShowExportToExcelButton="true" ShowAddNewRecordButton="false" ShowRefreshButton="false"/>
                                            </MasterTableView>
                                        </telerik:RadGrid>
                                    </div>
                                    <asp:ImageButton  ID="btnAreaProc" OnClientClick="printChartClientAF(); return false;" runat="server" ToolTip="Imprimir Gráfico" ImageUrl="~/Images/ico_imprimir.gif"/>
                                    <div id="chartContainerAreaProc" style="width:100%">
                                        <div class="col-lg-6">
                                            <telerik:RadHtmlChart RenderMode="Lightweight" runat="server" ID="AreaFluChart" Width="100%" Height="500" Skin="Simple" DataSourceID="SqlDataSourceProFlu">
                                                <ClientEvents OnLoad="chartLoad3" />
                                                <PlotArea>
                                                    <Series>
                                                        <telerik:AreaSeries Name="Ejercicio" DataFieldY="Ejercicio">
                                                            <Appearance>
                                                                <FillStyle BackgroundColor="#00cc66"></FillStyle>
                                                            </Appearance>
                                                            <LabelsAppearance Position="Above" RotationAngle="0" DataFormatString="{0:C} MM"></LabelsAppearance>
                                                            <LineAppearance Width="1"></LineAppearance>
                                                            <MarkersAppearance MarkersType="Circle" BackgroundColor="White" Size="6" BorderColor="#00cc66"
                                                                BorderWidth="2"></MarkersAppearance>
                                                            <TooltipsAppearance Color="White" DataFormatString="{0:C} MM"></TooltipsAppearance>
                                                        </telerik:AreaSeries>
                                                        <telerik:AreaSeries Name="Original" DataFieldY="Original">
                                                            <Appearance>
                                                                <FillStyle BackgroundColor="#6699ff"></FillStyle>
                                                            </Appearance>
                                                            <LabelsAppearance Position="Below" RotationAngle="0" DataFormatString="{0:C} MM" ></LabelsAppearance>
                                                            <LineAppearance Width="1"></LineAppearance>
                                                            <MarkersAppearance MarkersType="Square" BackgroundColor="White" Size="6" BorderColor="#6699ff"
                                                                BorderWidth="2"></MarkersAppearance>
                                                            <TooltipsAppearance Color="White" DataFormatString="{0:C} MM"></TooltipsAppearance>
                                                        </telerik:AreaSeries>
                                                        <telerik:AreaSeries Name="Compromisos" DataFieldY="Compromisos">
                                                            <Appearance>
                                                                <FillStyle BackgroundColor="#ffff00"></FillStyle>
                                                            </Appearance>
                                                            <LabelsAppearance Position="Above" RotationAngle="0" DataFormatString="{0:C} MM" ></LabelsAppearance>
                                                            <LineAppearance Width="1"></LineAppearance>
                                                            <MarkersAppearance MarkersType="Square" BackgroundColor="White" Size="6" BorderColor="#ffff00"
                                                                BorderWidth="2"></MarkersAppearance>
                                                            <TooltipsAppearance Color="White" DataFormatString="{0:C} MM"></TooltipsAppearance>
                                                        </telerik:AreaSeries>
                                                        <telerik:AreaSeries Name="Proyeccion" DataFieldY="Proyeccion">
                                                            <Appearance>
                                                                <FillStyle BackgroundColor="#ff0000"></FillStyle>
                                                            </Appearance>
                                                            <LabelsAppearance Position="Below" RotationAngle="0" DataFormatString="{0:C} MM"></LabelsAppearance>
                                                            <LineAppearance Width="1"></LineAppearance>
                                                            <MarkersAppearance MarkersType="Square" BackgroundColor="White" Size="6" BorderColor="#ff0000"
                                                                BorderWidth="2"></MarkersAppearance>
                                                            <TooltipsAppearance Color="White" DataFormatString="{0:C} MM"></TooltipsAppearance>
                                                        </telerik:AreaSeries>
                                                        <telerik:AreaSeries Name="Devengado x Pagar" DataFieldY="DevengadoxPagar">
                                                            <Appearance>
                                                                <FillStyle BackgroundColor="#000000"></FillStyle>
                                                            </Appearance>
                                                            <LabelsAppearance Position="Above" RotationAngle="0" DataFormatString="{0:C} MM"></LabelsAppearance>
                                                            <LineAppearance Width="1"></LineAppearance>
                                                            <MarkersAppearance MarkersType="Square" BackgroundColor="White" Size="6" BorderColor="#000000"
                                                                BorderWidth="2"></MarkersAppearance>
                                                            <TooltipsAppearance Color="White" DataFormatString="{0:C} MM"></TooltipsAppearance>
                                                        </telerik:AreaSeries>
                                                        <telerik:AreaSeries Name="Sobregiro" DataFieldY="Sobregiro">
                                                            <Appearance>
                                                                <FillStyle BackgroundColor="#0000cc"></FillStyle>
                                                            </Appearance>
                                                            <LabelsAppearance Position="Below" RotationAngle="0" DataFormatString="{0:C} MM" ></LabelsAppearance>
                                                            <LineAppearance Width="1"></LineAppearance>
                                                            <MarkersAppearance MarkersType="Square" BackgroundColor="White" Size="6" BorderColor="#0000cc"
                                                                BorderWidth="2"></MarkersAppearance>
                                                            <TooltipsAppearance Color="White" DataFormatString="{0:C} MM"></TooltipsAppearance>
                                                        </telerik:AreaSeries>
                                                        <telerik:AreaSeries Name="Solicitudes en Tramite" DataFieldY="Solicitudes">
                                                            <Appearance>
                                                                <FillStyle BackgroundColor="#009900"></FillStyle>
                                                            </Appearance>
                                                            <LabelsAppearance Position="Above" RotationAngle="0" DataFormatString="{0:C} MM" ></LabelsAppearance>
                                                            <LineAppearance Width="1"></LineAppearance>
                                                            <MarkersAppearance MarkersType="Square" BackgroundColor="White" Size="6" BorderColor="#009900"
                                                                BorderWidth="2"></MarkersAppearance>
                                                            <TooltipsAppearance Color="White" DataFormatString="{0:C} MM"></TooltipsAppearance>
                                                        </telerik:AreaSeries>
                                                        <telerik:AreaSeries Name="Traspaso Emisor" DataFieldY="Emisor">
                                                            <Appearance>
                                                                <FillStyle BackgroundColor="#cc3300"></FillStyle>
                                                            </Appearance>
                                                            <LabelsAppearance Position="Below" RotationAngle="0" DataFormatString="{0:C} MM" ></LabelsAppearance>
                                                            <LineAppearance Width="1"></LineAppearance>
                                                            <MarkersAppearance MarkersType="Square" BackgroundColor="White" Size="6" BorderColor="#cc3300"
                                                                BorderWidth="2"></MarkersAppearance>
                                                            <TooltipsAppearance Color="White" DataFormatString="{0:C} MM"></TooltipsAppearance>
                                                        </telerik:AreaSeries>
                                                        <telerik:AreaSeries Name="Traspaso Receptor" DataFieldY="Receptor">
                                                            <Appearance>
                                                                <FillStyle BackgroundColor="#808080"></FillStyle>
                                                            </Appearance>
                                                            <LabelsAppearance Position="Above" RotationAngle="0" DataFormatString="{0:C} MM" ></LabelsAppearance>
                                                            <LineAppearance Width="1"></LineAppearance>
                                                            <MarkersAppearance MarkersType="Square" BackgroundColor="White" Size="6" BorderColor="#808080"
                                                                BorderWidth="2"></MarkersAppearance>
                                                            <TooltipsAppearance Color="White" DataFormatString="{0:C} MM"></TooltipsAppearance>
                                                        </telerik:AreaSeries>
                                                    </Series>
                                                    <Appearance>
                                                        <FillStyle BackgroundColor="Transparent"></FillStyle>
                                                    </Appearance>
                                                    <XAxis AxisCrossingValue="0" Color="black" MajorTickType="Outside" MinorTickType="Outside" Reversed="false"
                                                        DataLabelsField="Mes">
                                                        <TitleAppearance Position="Center"></TitleAppearance>
                                                        <LabelsAppearance DataFormatString="{0}" RotationAngle="90" Skip="0" Step="1">
                                                        </LabelsAppearance>
                                                        <MinorGridLines Visible="false"></MinorGridLines>
                                                        <MajorGridLines Visible="false"></MajorGridLines>
                                                    </XAxis>
                                                    <YAxis AxisCrossingValue="0" Color="black" MajorTickSize="4" MajorTickType="Outside"
                                                        MinorTickType="None" MinValue="0" Reversed="false">
                                                        <LabelsAppearance DataFormatString="{0} M" RotationAngle="0" Skip="0" Step="1">
                                                        </LabelsAppearance>
                                                        <TitleAppearance RotationAngle="0" Position="Center" Text=""></TitleAppearance>
                                                    </YAxis>
                                                </PlotArea>
                                                <Appearance>
                                                    <FillStyle BackgroundColor="Transparent"></FillStyle>
                                                </Appearance>
                                                <ChartTitle Text="Comportamiento mensual Flujo">
                                                    <Appearance Align="Center" BackgroundColor="Transparent" Position="Top">
                                                    </Appearance>
                                                </ChartTitle>
                                                <Legend>
                                                    <Appearance BackgroundColor="Transparent" Position="Top">
                                                    </Appearance>
                                                </Legend>
                                            </telerik:RadHtmlChart>
                                        </div>
                                        <div class="col-lg-6">
                                            <telerik:RadHtmlChart RenderMode="Lightweight" runat="server" ID="AreaDevChart" Width="100%" Height="500" Skin="Simple" DataSourceID="SqlDataSourceProDev">
                                                <ClientEvents OnLoad="chartLoad4" />
                                                <PlotArea>
                                                    <Series>
                                                        <telerik:AreaSeries Name="Ejercicio" DataFieldY="Ejercicio">
                                                            <Appearance>
                                                                <FillStyle BackgroundColor="#00cc66"></FillStyle>
                                                            </Appearance>
                                                            <LabelsAppearance Position="Above" RotationAngle="0" DataFormatString="{0:C} MM"></LabelsAppearance>
                                                            <LineAppearance Width="1"></LineAppearance>
                                                            <MarkersAppearance MarkersType="Circle" BackgroundColor="White" Size="6" BorderColor="#00cc66"
                                                                BorderWidth="2"></MarkersAppearance>
                                                            <TooltipsAppearance Color="White" DataFormatString="{0:C} MM"></TooltipsAppearance>
                                                        </telerik:AreaSeries>
                                                        <telerik:AreaSeries Name="Original" DataFieldY="Original">
                                                            <Appearance>
                                                                <FillStyle BackgroundColor="#6699ff"></FillStyle>
                                                            </Appearance>
                                                            <LabelsAppearance Position="Below" RotationAngle="0" DataFormatString="{0:C} MM" ></LabelsAppearance>
                                                            <LineAppearance Width="1"></LineAppearance>
                                                            <MarkersAppearance MarkersType="Square" BackgroundColor="White" Size="6" BorderColor="#6699ff"
                                                                BorderWidth="2"></MarkersAppearance>
                                                            <TooltipsAppearance Color="White" DataFormatString="{0:C} MM"></TooltipsAppearance>
                                                        </telerik:AreaSeries>
                                                        <telerik:AreaSeries Name="Compromisos" DataFieldY="Compromisos">
                                                            <Appearance>
                                                                <FillStyle BackgroundColor="#ffff00"></FillStyle>
                                                            </Appearance>
                                                            <LabelsAppearance Position="Above" RotationAngle="0" DataFormatString="{0:C} MM" ></LabelsAppearance>
                                                            <LineAppearance Width="1"></LineAppearance>
                                                            <MarkersAppearance MarkersType="Square" BackgroundColor="White" Size="6" BorderColor="#ffff00"
                                                                BorderWidth="2"></MarkersAppearance>
                                                            <TooltipsAppearance Color="White" DataFormatString="{0:C} MM"></TooltipsAppearance>
                                                        </telerik:AreaSeries>
                                                        <telerik:AreaSeries Name="Proyeccion" DataFieldY="Proyeccion">
                                                            <Appearance>
                                                                <FillStyle BackgroundColor="#ff0000"></FillStyle>
                                                            </Appearance>
                                                            <LabelsAppearance Position="Below" RotationAngle="0" DataFormatString="{0:C} MM"></LabelsAppearance>
                                                            <LineAppearance Width="1"></LineAppearance>
                                                            <MarkersAppearance MarkersType="Square" BackgroundColor="White" Size="6" BorderColor="#ff0000"
                                                                BorderWidth="2"></MarkersAppearance>
                                                            <TooltipsAppearance Color="White" DataFormatString="{0:C} MM"></TooltipsAppearance>
                                                        </telerik:AreaSeries>
                                                        <telerik:AreaSeries Name="Devengado x Pagar" DataFieldY="DevengadoxPagar">
                                                            <Appearance>
                                                                <FillStyle BackgroundColor="#000000"></FillStyle>
                                                            </Appearance>
                                                            <LabelsAppearance Position="Above" RotationAngle="0" DataFormatString="{0:C} MM"></LabelsAppearance>
                                                            <LineAppearance Width="1"></LineAppearance>
                                                            <MarkersAppearance MarkersType="Square" BackgroundColor="White" Size="6" BorderColor="#000000"
                                                                BorderWidth="2"></MarkersAppearance>
                                                            <TooltipsAppearance Color="White" DataFormatString="{0:C} MM"></TooltipsAppearance>
                                                        </telerik:AreaSeries>
                                                        <telerik:AreaSeries Name="Sobregiro" DataFieldY="Sobregiro">
                                                            <Appearance>
                                                                <FillStyle BackgroundColor="#0000cc"></FillStyle>
                                                            </Appearance>
                                                            <LabelsAppearance Position="Below" RotationAngle="0" DataFormatString="{0:C} MM" ></LabelsAppearance>
                                                            <LineAppearance Width="1"></LineAppearance>
                                                            <MarkersAppearance MarkersType="Square" BackgroundColor="White" Size="6" BorderColor="#0000cc"
                                                                BorderWidth="2"></MarkersAppearance>
                                                            <TooltipsAppearance Color="White" DataFormatString="{0:C} MM"></TooltipsAppearance>
                                                        </telerik:AreaSeries>
                                                        <telerik:AreaSeries Name="Solicitudes en Tramite" DataFieldY="Solicitudes">
                                                            <Appearance>
                                                                <FillStyle BackgroundColor="#009900"></FillStyle>
                                                            </Appearance>
                                                            <LabelsAppearance Position="Above" RotationAngle="0" DataFormatString="{0:C} MM" ></LabelsAppearance>
                                                            <LineAppearance Width="1"></LineAppearance>
                                                            <MarkersAppearance MarkersType="Square" BackgroundColor="White" Size="6" BorderColor="#009900"
                                                                BorderWidth="2"></MarkersAppearance>
                                                            <TooltipsAppearance Color="White" DataFormatString="{0:C} MM"></TooltipsAppearance>
                                                        </telerik:AreaSeries>
                                                        <telerik:AreaSeries Name="Traspaso Emisor" DataFieldY="Emisor">
                                                            <Appearance>
                                                                <FillStyle BackgroundColor="#cc3300"></FillStyle>
                                                            </Appearance>
                                                            <LabelsAppearance Position="Below" RotationAngle="0" DataFormatString="{0:C} MM" ></LabelsAppearance>
                                                            <LineAppearance Width="1"></LineAppearance>
                                                            <MarkersAppearance MarkersType="Square" BackgroundColor="White" Size="6" BorderColor="#cc3300"
                                                                BorderWidth="2"></MarkersAppearance>
                                                            <TooltipsAppearance Color="White" DataFormatString="{0:C} MM"></TooltipsAppearance>
                                                        </telerik:AreaSeries>
                                                        <telerik:AreaSeries Name="Traspaso Receptor" DataFieldY="Receptor">
                                                            <Appearance>
                                                                <FillStyle BackgroundColor="#808080"></FillStyle>
                                                            </Appearance>
                                                            <LabelsAppearance Position="Above" RotationAngle="0" DataFormatString="{0:C} MM" ></LabelsAppearance>
                                                            <LineAppearance Width="1"></LineAppearance>
                                                            <MarkersAppearance MarkersType="Square" BackgroundColor="White" Size="6" BorderColor="#808080"
                                                                BorderWidth="2"></MarkersAppearance>
                                                            <TooltipsAppearance Color="White" DataFormatString="{0:C} MM"></TooltipsAppearance>
                                                        </telerik:AreaSeries>
                                                    </Series>
                                                    <Appearance>
                                                        <FillStyle BackgroundColor="Transparent"></FillStyle>
                                                    </Appearance>
                                                    <XAxis AxisCrossingValue="0" Color="black" MajorTickType="Outside" MinorTickType="Outside" Reversed="false"
                                                        DataLabelsField="Mes">
                                                        <TitleAppearance Position="Center"></TitleAppearance>
                                                        <LabelsAppearance DataFormatString="{0}" RotationAngle="90" Skip="0" Step="1">
                                                        </LabelsAppearance>
                                                        <MinorGridLines Visible="false"></MinorGridLines>
                                                        <MajorGridLines Visible="false"></MajorGridLines>
                                                    </XAxis>
                                                    <YAxis AxisCrossingValue="0" Color="black" MajorTickSize="4" MajorTickType="Outside"
                                                         MinorTickType="None" MinValue="0" Reversed="false">
                                                        <LabelsAppearance DataFormatString="{0} M" RotationAngle="0" Skip="0" Step="1">
                                                        </LabelsAppearance>
                                                        <TitleAppearance RotationAngle="0" Position="Center" Text=""></TitleAppearance>
                                                    </YAxis>
                                                </PlotArea>
                                                <Appearance>
                                                    <FillStyle BackgroundColor="Transparent"></FillStyle>
                                                </Appearance>
                                                <ChartTitle Text="Comportamiento mensual Devengado">
                                                    <Appearance Align="Center" BackgroundColor="Transparent" Position="Top">
                                                    </Appearance>
                                                </ChartTitle>
                                                <Legend>
                                                    <Appearance BackgroundColor="Transparent" Position="Top">
                                                    </Appearance>
                                                </Legend>
                                            </telerik:RadHtmlChart>
                                        </div>
                                    </div>
                                </telerik:RadPageView>
                                <telerik:RadPageView ID="RadPageView6" runat="server" Height="100%" Style="overflow: hidden">
                                    <br />
                                    <div class="col-lg-6" align="center">
                                        <telerik:RadGrid ID="rgLineFlu" runat="server" AllowPaging="True" Culture="es-MX" Width="92%" RenderMode="Lightweight"
                                            PageSize="20" GroupPanelPosition="Top" Skin="Windows7" DataSourceID="SqlDataSourceFluPro" OnItemDataBound="rgLineFlu_ItemDataBound"
                                            OnExcelMLWorkBookCreated="rgLineFlu_ExcelMLWorkBookCreated" onexcelmlexportrowcreated="rgLineFlu_ExcelMLExportRowCreated"
                    OnItemCreated="rgLineFlu_ItemCreated" OnItemCommand="rgLineFlu_ItemCommand">
                                            <GroupingSettings CaseSensitive="false" />
                                            <ClientSettings>
                                                <Scrolling AllowScroll="true" UseStaticHeaders="true" FrozenColumnsCount="1" />
                                            </ClientSettings>
                                            <ExportSettings OpenInNewWindow="true" IgnorePaging="true"/>
                                            <MasterTableView AutoGenerateColumns="true" CommandItemDisplay="Top">
                                                <CommandItemSettings ShowExportToExcelButton="true" ShowAddNewRecordButton="false" ShowRefreshButton="false"/>
                                            </MasterTableView>
                                        </telerik:RadGrid>
                                    </div>
                                    <div class="col-lg-6" align="center">
                                        <telerik:RadGrid ID="rgLineDev" runat="server" AllowPaging="True" Culture="es-MX" Width="92%" RenderMode="Lightweight"
                                            PageSize="20" GroupPanelPosition="Top" Skin="Windows7" DataSourceID="SqlDataSourceDevPro" OnItemDataBound="rgLineDev_ItemDataBound"
                                            OnExcelMLWorkBookCreated="rgLineDev_ExcelMLWorkBookCreated" onexcelmlexportrowcreated="rgLineDev_ExcelMLExportRowCreated"
                    OnItemCreated="rgLineDev_ItemCreated" OnItemCommand="rgLineDev_ItemCommand">
                                            <GroupingSettings CaseSensitive="false" />
                                            <ClientSettings>
                                                <Scrolling AllowScroll="true" UseStaticHeaders="true" FrozenColumnsCount="1" />
                                            </ClientSettings>
                                            <ExportSettings OpenInNewWindow="true" IgnorePaging="true"/>
                                            <MasterTableView AutoGenerateColumns="true" CommandItemDisplay="Top">
                                                <CommandItemSettings ShowExportToExcelButton="true" ShowAddNewRecordButton="false" ShowRefreshButton="false"/>
                                            </MasterTableView>
                                        </telerik:RadGrid>
                                    </div>
                                    <asp:ImageButton  ID="btnLineProc" OnClientClick="printChartClientAF(); return false;" runat="server" ToolTip="Imprimir Gráfico" ImageUrl="~/Images/ico_imprimir.gif"/>
                                    <div id="chartContainerLineProc" style="width:100%">
                                        <div class="col-lg-6">
                                            <telerik:RadHtmlChart RenderMode="Lightweight" runat="server" ID="LineFlujoChart" Width="100%" Height="500" Transitions="true" Skin="Simple" DataSourceID="SqlDataSourceFluPro">
                                                <ClientEvents OnLoad="chartLoad5" />
                                                <Appearance>
                                                    <FillStyle BackgroundColor="Transparent"></FillStyle>
                                                </Appearance>
                                                <ChartTitle Text="Comportamiento del Flujo en base a Programas ">
                                                    <Appearance Align="Center" BackgroundColor="Transparent" Position="Top">
                                                    </Appearance>
                                                </ChartTitle>
                                                <Legend>
                                                    <Appearance BackgroundColor="Transparent" Position="Bottom">
                                                    </Appearance>
                                                </Legend>
                                                <PlotArea>
                                                    <Appearance>
                                                        <FillStyle BackgroundColor="Transparent"></FillStyle>
                                                    </Appearance>
                                                    <XAxis AxisCrossingValue="0" Color="black" MajorTickType="Outside" MinorTickType="Outside"
                                                        Reversed="false" DataLabelsField="Mes">
                                                        <LabelsAppearance DataFormatString="{0}" RotationAngle="90" Skip="0" Step="1">
                                                        </LabelsAppearance>
                                                        <TitleAppearance Position="Center" RotationAngle="0" Text="">
                                                        </TitleAppearance>
                                                    </XAxis>
                                                    <YAxis AxisCrossingValue="0" Color="black" MajorTickSize="1" MajorTickType="Outside"
                                                         MinorTickSize="1" MinorTickType="Outside"  Reversed="false">
                                                        <LabelsAppearance DataFormatString="{0} MM" RotationAngle="0" Skip="0" Step="1">
                                                        </LabelsAppearance>
                                                        <TitleAppearance Position="Center" RotationAngle="0" Text="">
                                                        </TitleAppearance>
                                                    </YAxis>
                                                    <Series>
                                                        <telerik:LineSeries Name="BS" DataFieldY="BS">
                                                            <Appearance>
                                                                <FillStyle BackgroundColor="#000099"></FillStyle>
                                                            </Appearance>
                                                            <LabelsAppearance DataFormatString="{0:C}" Position="Above" >
                                                            </LabelsAppearance>
                                                            <LineAppearance Width="1" />
                                                            <MarkersAppearance MarkersType="Circle" BackgroundColor="White" Size="8" BorderColor="#000099"
                                                                BorderWidth="2"></MarkersAppearance>
                                                            <TooltipsAppearance DataFormatString="{0:C} MM" Color="White"></TooltipsAppearance>
                                                        </telerik:LineSeries>
                                                        <telerik:LineSeries Name="BT" DataFieldY="BT">
                                                            <Appearance>
                                                                <FillStyle BackgroundColor="#006600"></FillStyle>
                                                            </Appearance>
                                                            <LabelsAppearance DataFormatString="{0:C} MM" Position="Below" >
                                                            </LabelsAppearance>
                                                            <LineAppearance Width="1" />
                                                            <MarkersAppearance MarkersType="Circle" BackgroundColor="White" Size="8" BorderColor="#006600"
                                                                BorderWidth="2"></MarkersAppearance>
                                                            <TooltipsAppearance DataFormatString="{0:C} MM" Color="White"></TooltipsAppearance>
                                                        </telerik:LineSeries>
                                                        <telerik:LineSeries Name="CV" DataFieldY="CV">
                                                            <Appearance>
                                                                <FillStyle BackgroundColor="#ff0000"></FillStyle>
                                                            </Appearance>
                                                            <LabelsAppearance DataFormatString="{0:C} MM" Position="Above" >
                                                            </LabelsAppearance>
                                                            <LineAppearance Width="1" />
                                                            <MarkersAppearance MarkersType="Circle" BackgroundColor="White" Size="8" BorderColor="#ff0000"
                                                                BorderWidth="2"></MarkersAppearance>
                                                            <TooltipsAppearance DataFormatString="{0:C} MM" Color="White"></TooltipsAppearance>
                                                        </telerik:LineSeries>
                                                        <telerik:LineSeries Name="KB" DataFieldY="KB">
                                                            <Appearance>
                                                                <FillStyle BackgroundColor="#660066"></FillStyle>
                                                            </Appearance>
                                                            <LabelsAppearance DataFormatString="{0:C} MM" Position="Below" >
                                                            </LabelsAppearance>
                                                            <LineAppearance Width="1" />
                                                            <MarkersAppearance MarkersType="Circle" BackgroundColor="White" Size="8" BorderColor="#660066"
                                                                BorderWidth="2"></MarkersAppearance>
                                                            <TooltipsAppearance DataFormatString="{0:C} MM" Color="White"></TooltipsAppearance>
                                                        </telerik:LineSeries>
                                                        <telerik:LineSeries Name="FV" DataFieldY="FV">
                                                            <Appearance>
                                                                <FillStyle BackgroundColor="#333300"></FillStyle>
                                                            </Appearance>
                                                            <LabelsAppearance DataFormatString="{0:C} MM" Position="Above" >
                                                            </LabelsAppearance>
                                                            <LineAppearance Width="1" />
                                                            <MarkersAppearance MarkersType="Circle" BackgroundColor="White" Size="8" BorderColor="#333300"
                                                                BorderWidth="2"></MarkersAppearance>
                                                            <TooltipsAppearance DataFormatString="{0:C} MM" Color="White"></TooltipsAppearance>
                                                        </telerik:LineSeries>
                                                    </Series>
                                                </PlotArea>
                                            </telerik:RadHtmlChart>
                                        </div>
                                        <div class="col-lg-6">
                                            <telerik:RadHtmlChart RenderMode="Lightweight" runat="server" ID="LineDevChart" Width="100%" Height="500" Transitions="true" Skin="Simple" DataSourceID="SqlDataSourceDevPro">
                                                <ClientEvents OnLoad="chartLoad6" />
                                                <Appearance>
                                                    <FillStyle BackgroundColor="Transparent"></FillStyle>
                                                </Appearance>
                                                <ChartTitle Text="Comportamiento del Devengado en base a Programas ">
                                                    <Appearance Align="Center" BackgroundColor="Transparent" Position="Top">
                                                    </Appearance>
                                                </ChartTitle>
                                                <Legend>
                                                    <Appearance BackgroundColor="Transparent" Position="Bottom">
                                                    </Appearance>
                                                </Legend>
                                                <PlotArea>
                                                    <Appearance>
                                                        <FillStyle BackgroundColor="Transparent"></FillStyle>
                                                    </Appearance>
                                                    <XAxis AxisCrossingValue="0" Color="black" MajorTickType="Outside" MinorTickType="Outside"
                                                        Reversed="false" DataLabelsField="Mes">
                                                        <LabelsAppearance DataFormatString="{0}" RotationAngle="90" Skip="0" Step="1">
                                                        </LabelsAppearance>
                                                        <TitleAppearance Position="Center" RotationAngle="0" Text="">
                                                        </TitleAppearance>
                                                    </XAxis>
                                                    <YAxis AxisCrossingValue="0" Color="black" MajorTickSize="1" MajorTickType="Outside"
                                                         MinorTickSize="1" MinorTickType="Outside" Reversed="false">
                                                        <LabelsAppearance DataFormatString="{0} M" RotationAngle="0" Skip="0" Step="1">
                                                        </LabelsAppearance>
                                                        <TitleAppearance Position="Center" RotationAngle="0" Text="">
                                                        </TitleAppearance>
                                                    </YAxis>
                                                    <Series>
                                                        <telerik:LineSeries Name="BS" DataFieldY="BS">
                                                            <Appearance>
                                                                <FillStyle BackgroundColor="#000099"></FillStyle>
                                                            </Appearance>
                                                            <LabelsAppearance DataFormatString="{0:C} MM" Position="Above" >
                                                            </LabelsAppearance>
                                                            <LineAppearance Width="1" />
                                                            <MarkersAppearance MarkersType="Circle" BackgroundColor="White" Size="8" BorderColor="#000099"
                                                                BorderWidth="2"></MarkersAppearance>
                                                            <TooltipsAppearance DataFormatString="{0:C} MM" Color="White"></TooltipsAppearance>
                                                        </telerik:LineSeries>
                                                        <telerik:LineSeries Name="BT" DataFieldY="BT">
                                                            <Appearance>
                                                                <FillStyle BackgroundColor="#006600"></FillStyle>
                                                            </Appearance>
                                                            <LabelsAppearance DataFormatString="{0:C} MM" Position="Below" >
                                                            </LabelsAppearance>
                                                            <LineAppearance Width="1" />
                                                            <MarkersAppearance MarkersType="Circle" BackgroundColor="White" Size="8" BorderColor="#006600"
                                                                BorderWidth="2"></MarkersAppearance>
                                                            <TooltipsAppearance DataFormatString="{0:C} MM" Color="White"></TooltipsAppearance>
                                                        </telerik:LineSeries>
                                                        <telerik:LineSeries Name="CV" DataFieldY="CV">
                                                            <Appearance>
                                                                <FillStyle BackgroundColor="#ff0000"></FillStyle>
                                                            </Appearance>
                                                            <LabelsAppearance DataFormatString="{0:C} MM" Position="Above">
                                                            </LabelsAppearance>
                                                            <LineAppearance Width="1" />
                                                            <MarkersAppearance MarkersType="Circle" BackgroundColor="White" Size="8" BorderColor="#ff0000"
                                                                BorderWidth="2"></MarkersAppearance>
                                                            <TooltipsAppearance DataFormatString="{0:C} MM" Color="White"></TooltipsAppearance>
                                                        </telerik:LineSeries>
                                                        <telerik:LineSeries Name="KB" DataFieldY="KB">
                                                            <Appearance>
                                                                <FillStyle BackgroundColor="#660066"></FillStyle>
                                                            </Appearance>
                                                            <LabelsAppearance DataFormatString="{0:C} MM" Position="Below">
                                                            </LabelsAppearance>
                                                            <LineAppearance Width="1" />
                                                            <MarkersAppearance MarkersType="Circle" BackgroundColor="White" Size="8" BorderColor="#660066"
                                                                BorderWidth="2"></MarkersAppearance>
                                                            <TooltipsAppearance DataFormatString="{0:C} MM" Color="White"></TooltipsAppearance>
                                                        </telerik:LineSeries>
                                                        <telerik:LineSeries Name="FV" DataFieldY="FV">
                                                            <Appearance>
                                                                <FillStyle BackgroundColor="#333300"></FillStyle>
                                                            </Appearance>
                                                            <LabelsAppearance DataFormatString="{0:C} MM" Position="Above" >
                                                            </LabelsAppearance>
                                                            <LineAppearance Width="1" />
                                                            <MarkersAppearance MarkersType="Circle" BackgroundColor="White" Size="8" BorderColor="#333300"
                                                                BorderWidth="2"></MarkersAppearance>
                                                            <TooltipsAppearance DataFormatString="{0:C} MM" Color="White"></TooltipsAppearance>
                                                        </telerik:LineSeries>
                                                    </Series>
                                                </PlotArea>
                                            </telerik:RadHtmlChart>
                                        </div>
                                    </div>
                                </telerik:RadPageView>
                                <telerik:RadPageView ID="RadPageView7" runat="server" Height="100%" Style="overflow: hidden" CssClass="innerMultiPage">
                                    <br />
                                    <div class="col-lg-12">
                                        <telerik:RadGrid ID="rgEquipos" RenderMode="Lightweight" runat="server" AllowPaging="false" Culture="es-MX" Style="margin-top: 0px" Width="50%" PageSize="15"
                                        GroupPanelPosition="Top" OnItemDataBound="rgEquipos_ItemDataBound" Skin="Windows7" DataSourceID="SqlDataSourceEqu"
                                                 OnExcelMLWorkBookCreated="rgEquipos_ExcelMLWorkBookCreated" onexcelmlexportrowcreated="rgEquipos_ExcelMLExportRowCreated"
                    OnItemCreated="rgEquipos_ItemCreated" OnItemCommand="rgEquipos_ItemCommand">
                                                    <ClientSettings ReorderColumnsOnClient="true" AllowColumnsReorder="true" ColumnsReorderMethod="Reorder">
                                                        <Scrolling AllowScroll="true" UseStaticHeaders="true"/>
                                                    </ClientSettings>
                                                    <GroupingSettings CaseSensitive="false" />
                                                    <ExportSettings OpenInNewWindow="true" IgnorePaging="true"/>
                                                    <MasterTableView AutoGenerateColumns="true" CommandItemDisplay="Top">
                                                        <CommandItemSettings ShowExportToExcelButton="true" ShowAddNewRecordButton="false" ShowRefreshButton="false"/>
                                                        <Columns>
                                                        </Columns>
                                                    </MasterTableView>
                                                </telerik:RadGrid>
                                        <asp:ImageButton ID="btnEq" OnClientClick="printChartClientE()" runat="server" ToolTip="Imprimir Gráfico" ImageUrl="~/Images/ico_imprimir.gif"/>
                                 
                                    </div>
                                    <div id="chartContainerE" style="width:100%">
                                            <div class="col-lg-12">
                                                <telerik:RadHtmlChart RenderMode="Lightweight" runat="server" ID="EquiposChart" Width="100%" Height="650" Transitions="true" Skin="Simple" DataSourceID="SqlDataSourceEqu">
                                                    <ClientEvents OnLoad="chartLoad7" />
                                                    <PlotArea>
                                                        <Series>
                                                            <telerik:ColumnSeries Name="Devengado" Stacked="true" Gap="1.5" Spacing="0.4" DataFieldY="Devengado">
                                                                <Appearance>
                                                                    <FillStyle BackgroundColor="#ff0000"></FillStyle>
                                                                </Appearance>
                                                                <LabelsAppearance DataFormatString="{0}MM" Position="InsideBase" RotationAngle="90" Color="Black"></LabelsAppearance>
                                                                <TooltipsAppearance DataFormatString="{0:C} MM" Color="White"></TooltipsAppearance>
                                                            </telerik:ColumnSeries>
                                                            <telerik:ColumnSeries Name="Flujo" DataFieldY="Flujo">
                                                                <Appearance>
                                                                    <FillStyle BackgroundColor="#33cc33"></FillStyle>
                                                                </Appearance>
                                                                <LabelsAppearance DataFormatString="{0}MM" Position="OutsideEnd" RotationAngle="90" Color="Black"></LabelsAppearance>
                                                                <TooltipsAppearance DataFormatString="{0:C} MM" Color="White"></TooltipsAppearance>
                                                            </telerik:ColumnSeries>
                                                        </Series>
                                                        <Appearance>
                                                            <FillStyle BackgroundColor="Transparent"></FillStyle>
                                                        </Appearance>
                                                        <XAxis AxisCrossingValue="0" Color="black" MajorTickType="Outside" MinorTickType="Outside"
                                                            Reversed="false" DataLabelsField="Equipo_PM">
                                                            <LabelsAppearance DataFormatString="{0}" RotationAngle="90" Skip="0" Step="1"></LabelsAppearance>
                                                            <TitleAppearance Position="Center" RotationAngle="0" Text="Centro Gestor">
                                                            </TitleAppearance>
                                                        </XAxis>
                                                        <YAxis AxisCrossingValue="0" Color="black" MajorTickSize="1" MajorTickType="Outside"
                                                            MinorTickType="None" Reversed="false">
                                                            <LabelsAppearance DataFormatString="{0} MM" RotationAngle="0" Skip="0" Step="1"></LabelsAppearance>
                                                            <TitleAppearance Position="Center" RotationAngle="0" Text="">
                                                            </TitleAppearance>
                                                        </YAxis>
                                                    </PlotArea>
                                                    <Appearance>
                                                        <FillStyle BackgroundColor="Transparent"></FillStyle>
                                                    </Appearance>
                                                    <ChartTitle Text="Gráfico por Equipos">
                                                        <Appearance Align="Center" BackgroundColor="Transparent" Position="Top">
                                                        </Appearance>
                                                    </ChartTitle>
                                                    <Legend>
                                                        <Appearance BackgroundColor="Transparent" Position="Right">
                                                        </Appearance>
                                                    </Legend>
                                                </telerik:RadHtmlChart>
                                            </div>
                                        </div>
                                </telerik:RadPageView>
                                <telerik:RadPageView ID="RadPageView8" runat="server" Height="100%" Style="overflow: hidden" CssClass="innerMultiPage">
                                    <br />
                                    <div class="col-lg-12">
                                        <telerik:RadGrid RenderMode="Lightweight" ID="RadGrid1" DataSourceID="SqlDataSourceGroup" runat="server" PageSize="20"
                                            AllowSorting="True" AllowMultiRowSelection="True" AllowPaging="True" ShowGroupPanel="false" ShowFooter="True"
                                            AutoGenerateColumns="False" GridLines="none" Skin="Windows7" Width="70%" EnableLinqExpressions="false"
                                            OnItemDataBound="rgGroup_ItemDataBound" OnExcelMLWorkBookCreated="rgGroup_ExcelMLWorkBookCreated" onexcelmlexportrowcreated="rgGroup_ExcelMLExportRowCreated"
                                            OnItemCreated="rgGroup_ItemCreated" OnItemCommand="rgGroup_ItemCommand">
                                            <PagerStyle Mode="NextPrevNumericAndAdvanced"></PagerStyle>
                                            <ClientSettings ReorderColumnsOnClient="true" AllowColumnsReorder="true" ColumnsReorderMethod="Reorder">
                                                <Scrolling AllowScroll="true" UseStaticHeaders="true"/>
                                            </ClientSettings>
                                            <GroupingSettings RetainGroupFootersVisibility="true"  CaseSensitive="false" />
                                            <ExportSettings OpenInNewWindow="true" IgnorePaging="true"/>
                                            <MasterTableView Width="100%" ShowGroupFooter="true" CommandItemDisplay="Top">
                                                <CommandItemSettings ShowExportToExcelButton="true" ShowAddNewRecordButton="false" ShowRefreshButton="false"/>
                                                <GroupByExpressions>
                                                    <telerik:GridGroupByExpression>
                                                        <SelectFields>
                                                            <telerik:GridGroupByField FieldAlias="EPS" FieldName="EPS"></telerik:GridGroupByField>
                                                        </SelectFields>
                                                        <GroupByFields>
                                                            <telerik:GridGroupByField FieldName="EPS" SortOrder="Descending"></telerik:GridGroupByField>
                                                        </GroupByFields>
                                                    </telerik:GridGroupByExpression>
                                                    <telerik:GridGroupByExpression>
                                                        <SelectFields>
                                                            <telerik:GridGroupByField FieldAlias="Presupuesto" FieldName="Presupuesto"></telerik:GridGroupByField>
                                                        </SelectFields>
                                                        <GroupByFields>
                                                            <telerik:GridGroupByField FieldName="Presupuesto"></telerik:GridGroupByField>
                                                        </GroupByFields>
                                                    </telerik:GridGroupByExpression>
                                                </GroupByExpressions>
                                                <Columns>
                                                   <telerik:GridBoundColumn HeaderText="Rubro" DataField="Rubro" AllowFiltering="false" AllowSorting="false" UniqueName="Rubro">
                                                    </telerik:GridBoundColumn>
                                                    <telerik:GridBoundColumn Aggregate="Sum" DataField="Programa" HeaderText="Programa"
                                                        FooterText="Total: " FooterAggregateFormatString="{0:C}">
                                                    </telerik:GridBoundColumn>
                                                    <telerik:GridBoundColumn Aggregate="Sum" DataField="Ejercicio" HeaderText="Ejercicio"
                                                        FooterText="Total: " FooterAggregateFormatString="{0:C}">
                                                    </telerik:GridBoundColumn>
                                                </Columns>
                                            </MasterTableView>
                                            <ClientSettings ReorderColumnsOnClient="True" AllowDragToGroup="True" AllowColumnsReorder="True">
                                                <Selecting AllowRowSelect="True"></Selecting>
                                                <Resizing AllowRowResize="True" AllowColumnResize="True" EnableRealTimeResize="True"
                                                    ResizeGridOnColumnResize="False"></Resizing>
                                            </ClientSettings>
                                            <FooterStyle Font-Bold="true"/>
                                            <GroupingSettings ShowUnGroupButton="true"></GroupingSettings>
                                        </telerik:RadGrid>
                                    </div>
                                    <div class="col-lg-12">
                                        <telerik:RadGrid ID="rgSeg" RenderMode="Lightweight" runat="server" AllowPaging="false" Culture="es-MX" Style="margin-top: 0px" Width="50%" PageSize="15"
                                        GroupPanelPosition="Top" Skin="Windows7" DataSourceID="SqlDataSourceSeg"  OnItemDataBound="rgSeg_ItemDataBound" OnExcelMLWorkBookCreated="rgSeg_ExcelMLWorkBookCreated" onexcelmlexportrowcreated="rgSeg_ExcelMLExportRowCreated"
                                        OnItemCreated="rgSeg_ItemCreated" OnItemCommand="rgSeg_ItemCommand">
                                            <ClientSettings ReorderColumnsOnClient="true" AllowColumnsReorder="true" ColumnsReorderMethod="Reorder">
                                                <Scrolling AllowScroll="true" UseStaticHeaders="true"/>
                                            </ClientSettings>
                                            <GroupingSettings CaseSensitive="false" />
                                            <ExportSettings OpenInNewWindow="true" IgnorePaging="true"/>
                                            <MasterTableView AutoGenerateColumns="true" CommandItemDisplay="Top">
                                                <CommandItemSettings ShowExportToExcelButton="true" ShowAddNewRecordButton="false" ShowRefreshButton="false"/>
                                                <Columns>
                                                </Columns>
                                            </MasterTableView>
                                        </telerik:RadGrid>
                                        <asp:ImageButton ID="btnSeg" OnClientClick="printChartClientAF()" runat="server" ToolTip="Imprimir Gráfico" ImageUrl="~/Images/ico_imprimir.gif"/>
                                    </div>
                                    <div id="chartContainerSeg" style="width:100%">
                                            <div class="col-lg-12">
                                                <telerik:RadHtmlChart RenderMode="Lightweight" runat="server" ID="SegChart" Width="100%" Height="650" Transitions="true" Skin="Simple" DataSourceID="SqlDataSourceSeg">
                                                    <ClientEvents OnLoad="chartLoad7" />
                                                    <PlotArea>
                                                        <Series>
                                                            <telerik:ColumnSeries Name="Programa" Stacked="false" Gap="1.5" Spacing="0.4" DataFieldY="Programa">
                                                                <Appearance>
                                                                    <FillStyle BackgroundColor="#ff0000"></FillStyle>
                                                                </Appearance>
                                                                <LabelsAppearance DataFormatString="{0:C} MM" Position="InsideBase" RotationAngle="90" Color="Black"></LabelsAppearance>
                                                                <TooltipsAppearance DataFormatString="{0:C} MM" Color="White"></TooltipsAppearance>
                                                            </telerik:ColumnSeries>
                                                            <telerik:ColumnSeries Name="Ejercicio" DataFieldY="Ejercicio">
                                                                <Appearance>
                                                                    <FillStyle BackgroundColor="#33cc33"></FillStyle>
                                                                </Appearance>
                                                                <LabelsAppearance DataFormatString="{0:C} MM" Position="OutsideEnd" RotationAngle="90" Color="Black"></LabelsAppearance>
                                                                <TooltipsAppearance DataFormatString="{0:C} MM" Color="White"></TooltipsAppearance>
                                                            </telerik:ColumnSeries>
                                                        </Series>
                                                        <Appearance>
                                                            <FillStyle BackgroundColor="Transparent"></FillStyle>
                                                        </Appearance>
                                                        <XAxis AxisCrossingValue="0" Color="black" MajorTickType="Outside" MinorTickType="Outside"
                                                            Reversed="false" DataLabelsField="EPS">
                                                            <LabelsAppearance DataFormatString="{0}" RotationAngle="90" Skip="0" Step="1"></LabelsAppearance>
                                                            <TitleAppearance Position="Center" RotationAngle="0" Text="EPS">
                                                            </TitleAppearance>
                                                        </XAxis>
                                                        <YAxis AxisCrossingValue="0" Color="black" MajorTickSize="1" MajorTickType="Outside"
                                                            MinorTickType="None" Reversed="false">
                                                            <LabelsAppearance DataFormatString="{0} MM" RotationAngle="0" Skip="0" Step="1"></LabelsAppearance>
                                                            <TitleAppearance Position="Center" RotationAngle="0" Text="">
                                                            </TitleAppearance>
                                                        </YAxis>
                                                    </PlotArea>
                                                    <Appearance>
                                                        <FillStyle BackgroundColor="Transparent"></FillStyle>
                                                    </Appearance>
                                                    <ChartTitle Text="Gráfico por Equipos">
                                                        <Appearance Align="Center" BackgroundColor="Transparent" Position="Top">
                                                        </Appearance>
                                                    </ChartTitle>
                                                    <Legend>
                                                        <Appearance BackgroundColor="Transparent" Position="Right">
                                                        </Appearance>
                                                    </Legend>
                                                </telerik:RadHtmlChart>
                                            </div>
                                    </div>
                                </telerik:RadPageView>
                                <telerik:RadPageView ID="RadPageView1" runat="server" Height="100%" Style="overflow: hidden" CssClass="innerMultiPage">
                                        <br />
                                        <telerik:RadGrid RenderMode="Lightweight" ID="rgGroup" DataSourceID="SqlDataSourceGroup" runat="server" PageSize="20"
                                                    AllowSorting="True" AllowMultiRowSelection="True" AllowPaging="True" ShowGroupPanel="false" ShowFooter="True"
                                                    AutoGenerateColumns="False" GridLines="none" Skin="Windows7" Width="70%" EnableLinqExpressions="false"
                                                    OnItemDataBound="rgGroup_ItemDataBound" OnExcelMLWorkBookCreated="rgGroup_ExcelMLWorkBookCreated" onexcelmlexportrowcreated="rgGroup_ExcelMLExportRowCreated"
                                                    OnItemCreated="rgGroup_ItemCreated" OnItemCommand="rgGroup_ItemCommand">
                                                    <PagerStyle Mode="NextPrevNumericAndAdvanced"></PagerStyle>
                                                    <ClientSettings ReorderColumnsOnClient="true" AllowColumnsReorder="true" ColumnsReorderMethod="Reorder">
                                                        <Scrolling AllowScroll="true" UseStaticHeaders="true"/>
                                                    </ClientSettings>
                                                    <GroupingSettings RetainGroupFootersVisibility="true"  CaseSensitive="false" />
                                                    <ExportSettings OpenInNewWindow="true" IgnorePaging="true"/>
                                                    <MasterTableView Width="100%" ShowGroupFooter="true" CommandItemDisplay="Top">
                                                        <CommandItemSettings ShowExportToExcelButton="true" ShowAddNewRecordButton="false" ShowRefreshButton="false"/>
                                                        <GroupByExpressions>
                                                            <telerik:GridGroupByExpression>
                                                                <SelectFields>
                                                                    <telerik:GridGroupByField FieldAlias="EPS" FieldName="EPS"></telerik:GridGroupByField>
                                                                </SelectFields>
                                                                <GroupByFields>
                                                                    <telerik:GridGroupByField FieldName="EPS" SortOrder="Descending"></telerik:GridGroupByField>
                                                                </GroupByFields>
                                                            </telerik:GridGroupByExpression>
                                                            <telerik:GridGroupByExpression>
                                                                <SelectFields>
                                                                    <telerik:GridGroupByField FieldAlias="Presupuesto" FieldName="Presupuesto"></telerik:GridGroupByField>
                                                                </SelectFields>
                                                                <GroupByFields>
                                                                    <telerik:GridGroupByField FieldName="Presupuesto"></telerik:GridGroupByField>
                                                                </GroupByFields>
                                                            </telerik:GridGroupByExpression>
                                                        </GroupByExpressions>
                                                        <Columns>
                                                           <telerik:GridBoundColumn HeaderText="Rubro" DataField="Rubro" AllowFiltering="false" AllowSorting="false" UniqueName="Rubro">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn Aggregate="Sum" DataField="Programa" HeaderText="Programa"
                                                                FooterText="Total: " FooterAggregateFormatString="{0:C}">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn Aggregate="Sum" DataField="Ejercicio" HeaderText="Ejercicio"
                                                                FooterText="Total: " FooterAggregateFormatString="{0:C}">
                                                            </telerik:GridBoundColumn>
                                                        </Columns>
                                                    </MasterTableView>
                                                    <ClientSettings ReorderColumnsOnClient="True" AllowDragToGroup="True" AllowColumnsReorder="True">
                                                        <Selecting AllowRowSelect="True"></Selecting>
                                                        <Resizing AllowRowResize="True" AllowColumnResize="True" EnableRealTimeResize="True"
                                                            ResizeGridOnColumnResize="False"></Resizing>
                                                    </ClientSettings>
                                                    <FooterStyle Font-Bold="true"/>
                                                    <GroupingSettings ShowUnGroupButton="true"></GroupingSettings>
                                                </telerik:RadGrid>
                                    </telerik:RadPageView>
                                <telerik:RadPageView ID="RadPageView2" runat="server" Height="100%" Style="overflow: hidden">
                                        <br />PEP
                                    </telerik:RadPageView>
                            </telerik:RadMultiPage>
                        </td>
                    </tr>
                </table>
            </div>

No answers yet. Maybe you can help?

Tags
PanelBar
Asked by
Rodrigo
Top achievements
Rank 1
Share this question
or