Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
248 views

I'm using Bootstrap Skin and when showing a radalert, the window has no icons (see screenshot attached).

If I change the Skin, for instance, Telerik skin, the alert windows is well displayed.

Version: 2015.2.604.45

 

Code:

<telerik:RadWindowManager ID="rdmWindowsDialogs" runat="server" RenderMode="Lightweight" >
    <AlertTemplate>
        <div class="rwDialog rwAlertDialog">
            <div class="rwDialogContent">
                <div class="rwDialogMessage">
                    {1}
                </div>
            </div>
            <div class="rwDialogButtons">
                <input type="button" value="OK" class="rwOkBtn" onclick="$find('{0}').close(true); return false;" />
            </div>
        </div>
    </AlertTemplate>
    <ConfirmTemplate>
        <div class="rwDialog rwConfirmDialog">
            <div class="rwDialogContent">
                <div class="rwDialogMessage">{1}</div>
            </div>
            <div class="rwDialogButtons">
                <input type="button" value="OK" class="rwOkBtn" onclick="$find('{0}').close(true); return false;" />
                <input type="button" value="Cancel" class="rwCancelBtn" onclick="$find('{0}').close(false); return false;" />
            </div>
        </div>
    </ConfirmTemplate>
</telerik:RadWindowManager>

 

<button onclick="radalert('A string.<br />'); return false;"> Alert</button>

 

Marin Bratanov
Telerik team
 answered on 25 Jul 2016
1 answer
133 views

Hi Alll,

I wanted to add an custom "New" button along with the RadImageEditor. On clicking this "New" button, i would like to load the ImageEditor with a diff image.

Could you please let me know how to achieve this? Can the reset tool functionality be used for this purpose with some customization ?

Thanks in advance for the suggestions 

Vessy
Telerik team
 answered on 25 Jul 2016
1 answer
129 views

I'm trying to do something similar to the attached image, normal asp.net chart is used in the screenshot.

The data comes in as time (00:00:00) and x-axis is in long date(which works fine) but for some reason i can't find anything or option that can enable me to put time on the Y-axis. I've been trying to do this for the last day, everything i search on the internet is either outdated, doesn't work or no one has replied to their post. Customer support's taking their time too. Thanks in advance.

 

Best wishes,

Kelvin

Danail Vasilev
Telerik team
 answered on 25 Jul 2016
5 answers
109 views
Hello,

In my SharePoint 2013 site, I have activated the "Use RadEditor to edit HTML fields" feature. All is OK when my ToolbarMode is on default. But, when I try the "ShowOnFocus" mode, the Toolbar follow the page "scrolling" (please watch the Video for seeing the issue).

Is it normal?

Thank a lot for your help.

Regards

Éric



Ianko
Telerik team
 answered on 25 Jul 2016
11 answers
485 views

Hi all,

I have codes below at javascript:

var grid = $find("<%=RadGrid1.ClientID %>");

var batchManager1 = grid.get_batchEditingManager();

var hasChanges = batchManager1.hasChanges(grid.get_masterTableView());

if(hasChanges) {

    grid.get_batchEditingManager().saveChanges(grid.get_masterTableView());

}

else{

args.get_

 

 

I have code below at code behind:
protected void RadGrid1_BatchEditCommand(object sender, GridBatchEditingEventArgs e)
{
    foreach (GridBatchEditingCommand command in e.Commands)
    {
        Hashtable newValues = command.NewValues;
        Hashtable oldValues = command.OldValues;
        string newFirstName = newValues["FirstName"].ToString();
    }
}

systems
Top achievements
Rank 1
 answered on 25 Jul 2016
6 answers
210 views

Hi , I have a dropdown list inside the edit template and a label on template item. I am tiring to find this control on batcheditopening event . I want to insert the label value as the last list item of the dropdown listI. I am able to find the label value but I am having issue in finding the dropdown.

please help me with this issue.

shashi
Top achievements
Rank 1
 answered on 25 Jul 2016
0 answers
182 views

Hi!

   I have a RadListView control that holds data, based on a condition, I need to set elements inside of the RadListview to be read only or editable.  But, there are 2  buttons need to be enabled all the time, in RadLVFbData_ItemDataBound, I first set all the elements in <div> to be disabled, then try to enable the 2 buttons, I have tried several ways, but was not able to make the 2 buttons enabled, however, i was able to change the color.  Any suggestions?  code as below.

Thanks in advanced! SH.

                           foreach (Control ctrl in divBoxBody.Controls)
                            {
                                if (ctrl is WebControl)
                                    ((WebControl)ctrl).Enabled = false;
                                else if (ctrl is HtmlControl)
                                    ((HtmlControl)ctrl).Disabled = true;
                            }
                            Button oElemBtnSubmit = item.FindControl("btnSubmit") as Button;
                            #1. oElemBtnSubmit.Attributes.Add("Disabled", "Disabled"); => not work
                            #2. oElemBtnSubmit.Attributes.Remove("Disabled"); => not work
                            #3. oElemBtnSubmit.Enabled = true; => not work
                            #4. oElemBtnSubmit.Style.Add("color", "#008888"); =>  successfully

 

 

sharon
Top achievements
Rank 1
 asked on 23 Jul 2016
0 answers
85 views

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>

Rodrigo
Top achievements
Rank 1
 asked on 22 Jul 2016
2 answers
255 views

So, I have scoured the NET and the ListBox release notes and cannot find anyone else having this problem so I am hoping this will be an easy fix by a Telerik Guru. I am using,

  • Telerik UI for ASP.NET AJAX ver. 2014.3.1209.45
  • browser: Chrome

Behavior: Upon initial load, I write values from the server side to the new control. Upon checking or unchecking, my JavaScript function fires, but the ListBox's get_checkedItems() method returns the items that are checked "before" the "OnClientItemChecking" event fires. I would expect to get the items of the ListBox after I check or uncheck items, in other words, the current state of the ListBox. Anyone have any ideas?

<telerik:RadListBox ID="CMListBox" runat="server" RenderMode="Lightweight" SelectionMode="Multiple"CheckBoxes="true" Width="300px" OnClientItemChecking="CMListBox_ItemChecking" Height="100px">                                <Items></Items></telerik:RadListBox>

function CMListBox_ItemChecking(sender,args)
{
  var Radlb = $find("<%= CMListBox.ClientID %>");
  var txt = "";
  var labelStr = "";
  var iter = Radlb.get_checkedItems().length;
  for (var i = 0; i < iter ; i++)
  {
     txt = Radlb.get_checkedItems()[i].get_text();
     labelStr += txt + "<br>";
  }
  if (labelStr != ""){
     labelStr = labelStr.substring(0, labelStr.length - 4);
  }
  else {
     labelStr = "None";
  }
  var s = document.getElementById("CommManagerID");
  s.innerHTML = labelStr;
}

Jeff
Top achievements
Rank 1
 answered on 22 Jul 2016
1 answer
1.2K+ views

Hi all,

I need to add a replace button to every row in the RadGrid. Any help is appreciated

My code is as follows

<div>     

<telerik:RadGrid ID="grdVwPrecisionsources" runat="server" OnNeedDataSource="PrecisionSourcesDataGrid" Width="60%">        

<ClientSettings>                            

 <Resizing AllowColumnResize="true" ResizeGridOnColumnResize="true" AllowResizeToFit="true" />                         

</ClientSettings>       

</telerik:RadGrid>

<div>

ascx.cs

protected void PrecisionSourcesDataGrid(object sender, EventArgs e)         

{                    

var table = new DataTable();             

table.Columns.Add("Source");             

table.Columns.Add("ID");             

table.Columns.Add("Name");             

table.Columns.Add("Date");                          

table.Columns.Add("Reminder");                          

table.Columns.Add("Status");             

table.Columns.Add(" ", typeof(string));       - This needs to be button column             

table.Rows.Add("Point", "M6-515", "Co-57", "8/30/2016", "1 week to expiration", "Replace in 40 days", "");             

table.Rows.Add("Point", "M6-515", "Co-57", "8/30/2016", "1 week to expiration", "Replace in 40 days", "");             

grdVwPrecisionsources.DataSource = table;      

   }

Maria Ilieva
Telerik team
 answered on 22 Jul 2016
Narrow your results
Selected tags
Tags
+? more
Top users last month
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?