Questions on UI for ASP.NET AJAX Forum

3 answers

95 views

Show loading over selected row with AjaxLoadingPanel -> AjaxPanel -> Grid

We've gotten a request to make a change to an existing application that uses a RadAjaxLoadingPanel which is used to show a loading message for a RadAjaxPanel which has a RadGrid inside of it and works as expected with the loading message covering the whole grid but we want it to only display the loading message over the row that has been selected (because a NestedViewTemplate is shown on row select which has to perform a database lookup).

All of the example projects and search results show this happening over the entire grid so I'm wondering if this is possible. Thanks.

Grid

answered on 03 Jun 2013

5 answers

235 views

Grid Postback Issue

Hi all,

I am having an issue with the RadGrid and it is concerned with postbacks. Basically what I have is two Grids and a Scheduler in a RadAjaxPanel, and the user can drag rows from either Grid onto the Scheduler, or from one Grid to another. This all happens asynchronously of course. I am handling the OnRowDragStarted and OnRowDropping client side events in order to get and set variables regarding what data item is being moved around. In the client-side rowDropping function after getting the variables I need from the page I am calling __doPostBack() setting the appropriate control as the eventTarget, and passing the data in the eventArgument.

My problem is that the RadGrids always fire a postback even though I am not specifying any server-side event handlers other than OnItemDataBound, and these postbacks happen immediately after my __doPostBack() call and thus cancels it out. I can see this happening in FireBug whereby my explicit post is sent at the same time as the Grid's automatic post.

I am stuck as to how to get my __doPostBack() to actually work and not be overridden by the Grid's built in postback. Anyone have any ideas?

Here's some code:

First Grid:

<telerik:RadGrid ID="tripsGrid" runat="server" AutoGenerateColumns="false"

onitemdatabound="tripsGrid_ItemDataBound">

<ClientSettings AllowRowsDragDrop="true">

<Selecting AllowRowSelect="true" />

<ClientEvents OnRowDragStarted="rowDragging" OnRowDropping="rowDropping" />

</ClientSettings>

<MasterTableView DataKeyNames="ID,TripID,TripType" InsertItemDisplay="Bottom" EditMode="PopUp">

<SortExpressions>

<telerik:GridSortExpression FieldName="Timing" SortOrder="Ascending" />

</SortExpressions>

<Columns>

... columns removed ...

</Columns>

</MasterTableView>

</telerik:RadGrid>

Second Grid:

<telerik:RadGrid ID="taxiGrid" runat="server" AutoGenerateColumns="false"

onitemdatabound="taxiGrid_ItemDataBound">

<ClientSettings AllowRowsDragDrop="true">

<Selecting AllowRowSelect="true" />

<ClientEvents OnRowDragStarted="rowDragging" OnRowDropping="rowDropping" />

</ClientSettings>

<MasterTableView DataKeyNames="ID,TripID,TripType" InsertItemDisplay="Bottom" EditMode="PopUp">

<SortExpressions>

<telerik:GridSortExpression FieldName="Timing" SortOrder="Ascending" />

</SortExpressions>

<Columns>

... columns removed ...

</Columns>

</MasterTableView>

</telerik:RadGrid>

Javascript:

// Fires when row dragging commences (onmousedown)

function rowDragging(sender, eventArgs)

{

var rowIndex = eventArgs.get_itemIndexHierarchical();

var sourceGrid = sender;

var row = sourceGrid.Control.children[0].rows[parseInt(rowIndex) + 1];

var rowElements = row.getElementsByTagName("input");

// Store the dragged trip ID and type in hidden fields

$get("DraggedTripID").value = rowElements[0].value;

$get("DraggedTripType").value = rowElements[1].value;

var rowIndexWithHeader = parseInt(rowIndex) + 1;

console.log("Trip ID: " + rowElements[0].value + ", Type: " + rowElements[1].value + ", Row index: " + rowIndexWithHeader);

}

// Fired when the user drops a grid row (onmouseup)

function rowDropping(sender, eventArgs)

{

var id = $get("DraggedTripID").value;

var type = $get("DraggedTripType").value;

var sourceElement;

var targetElement;

// Get the grid trip came from

if (sender.ClientID == "<%= tripsGrid.ClientID %>") {

sourceElement = "UnallocatedTrips";

}

else if (sender.ClientID == "<%= taxiGrid.ClientID %>") {

sourceElement = "TaxiTrips";

}

else {

eventArgs.set_cancel(true);

return;

}

// Get the target element row was dropped on

var htmlElement = eventArgs.get_destinationHtmlElement();

if (isPartOfSchedulerAppointmentArea(htmlElement))  // Row dropped over the scheduler - find time slot and save its index in hidden field

{

targetElement = "Scheduler";

var scheduler = $find("<%= tripScheduler.ClientID %>");

var timeSlot = scheduler._activeModel.getTimeSlotFromDomElement(htmlElement);

$get("TargetSlotHiddenField").value = timeSlot.get_index();

eventArgs.set_destinationHtmlElement("TargetSlotHiddenField"); // HTML needs to be set for postback to execute normally

}

else if (isPartOfTaxiTripsArea(htmlElement)) // Row dropped over the taxi grid

{

targetElement = "TaxiTrips";

$get("TargetSlotHiddenField").value = "taxi";

eventArgs.set_destinationHtmlElement("TargetSlotHiddenField");

}

else if (isPartOfUnscheduledTripsArea(htmlElement)) // Row dropped over unscheduled trips grid

{

targetElement = "UnallocatedTrips";

$get("TargetSlotHiddenField").value = "taxi";

eventArgs.set_destinationHtmlElement("TargetSlotHiddenField");

}

else

{

eventArgs.set_cancel(true); // The node was dropped in an irrelevant region - cancel the drop

}

// Submit the change

submitTripChange(id, type, sourceElement, targetElement);

}

// Submit a trip change via asyncronous postback

function submitTripChange(tripId, tripType, source, target)

{

if (source == target)

return;

// Set the event target - which control initiated the operation

var eventTarget;

if (source == "UnallocatedTrips")

eventTarget = "<%= tripsGrid.UniqueID %>";

else if (source == "TaxiTrips")

eventTarget = "<%= taxiGrid.UniqueID %>";

else

return;

// Set the event argument to contain parameters for modifying the trip

var eventArgument = "TripMoved|" + tripId + "," + tripType + "," + source + "," + target;

// Trigger the postback (asyncronous as long as eventTarget is an AJAXified control)

__doPostBack(eventTarget, eventArgument);

}

Grid

answered on 03 Jun 2013

10 answers

111 views

Field Editor Display Issues

I have the following grid and column editor declared:

<telerik:RadGrid ID="grdItems" runat="server" AllowAutomaticDeletes="True" AllowSorting="True"

PageSize="12" AutoGenerateColumns="False" OnNeedDataSource="grdItems_NeedDataSource"

OnItemCommand="grdItems_ItemCommand" OnPreRender="grdItems_PreRender" OnUpdateCommand="grdItems_UpdateCommand"

Width="456px" OnDeleteCommand="grdItems_DeleteCommand" OnEditCommand="grdItems_EditCommand"

OnItemDataBound="grdItems_ItemDataBound" ShowStatusBar="True" AllowAutomaticInserts="True"

AllowAutomaticUpdates="True" OnItemCreated="grdItems_ItemCreated" Skin="Metro"

BorderStyle="None" CellSpacing="0" GridLines="None" ForeColor="White" BackColor="Transparent"

ShowFooter="True" AllowMultiRowEdit="True">

<ValidationSettings ValidationGroup="ItemsGrid" />

<ClientSettings AllowKeyboardNavigation="True">

<Selecting AllowRowSelect="True" />

<KeyboardNavigationSettings AllowSubmitOnEnter="True" AllowActiveRowCycle="True" />

<Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="true" />

<ClientEvents OnKeyPress="OnKeyPress" OnRowSelected="RowSelected" OnRowClick="RowClick"

OnRowDblClick="RowDblClick" OnGridCreated="GridCreated" OnCommand="GridCommand" />

<Resizing ShowRowIndicatorColumn="False" />

</ClientSettings>

<AlternatingItemStyle BackColor="LightGray" BorderStyle="None" ForeColor="Black" />

<EditItemStyle BackColor="Gainsboro" BorderStyle="None" />

<FooterStyle BorderStyle="None" />

<HeaderStyle BorderStyle="None" Height="48px" HorizontalAlign="Left" VerticalAlign="Middle" />

<ItemStyle BackColor="White" BorderStyle="None" ForeColor="Black" />

<PagerStyle PageSizeControlType="RadComboBox"></PagerStyle>

<SelectedItemStyle BorderStyle="None" />

<FilterMenu EnableImageSprites="False" />

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default" />

<MasterTableView NoMasterRecordsText="No items to display." EditMode="InPlace"

CommandItemDisplay="None" BorderStyle="None" BackColor="Transparent" ShowFooter="False">

<HeaderStyle BorderStyle="None" Font-Bold="True" Font-Size="Medium" ForeColor="White"

Height="48px" HorizontalAlign="Left" VerticalAlign="Middle" Wrap="True" />

<CommandItemStyle CssClass="rgCommandRow" />

<FooterStyle BorderStyle="None" CssClass="grid-footer" />

<CommandItemTemplate>

<div>

<asp:LinkButton ID="btnRemoveSelected" runat="server" CommandName="RemoveSelected">

<img style="border:0px;vertical-align:middle;" alt="Remove Selected Items" src="Images/GradientCancel_32x32.png" /> Remove Selected Items</asp:LinkButton>

</div>

</CommandItemTemplate>

<CommandItemSettings ExportToPdfText="Export to PDF" ShowRefreshButton="False" AddNewRecordText="Add Item">

</CommandItemSettings>

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

<EditFormSettings EditFormType="Template">

<EditColumn FilterControlAltText="Filter EditCommandColumn column" CancelImageUrl="Cancel.gif"

InsertImageUrl="Update.gif" UpdateImageUrl="Update.gif" Visible="true" Display="true">

</EditColumn>

</EditFormSettings>

<ItemStyle BackColor="White" BorderStyle="None" ForeColor="Black" />

<AlternatingItemStyle BackColor="LightGray" BorderStyle="None" ForeColor="Black" />

<EditItemStyle BackColor="Gainsboro" BorderStyle="None" />

<PagerStyle PageSizeControlType="RadComboBox"></PagerStyle>

<Columns>

<telerik:GridCheckBoxColumn ConvertEmptyStringToNull="False"

FilterControlAltText="Filter checked column" SortExpression="Checked"

UniqueName="Checked">

<HeaderStyle Wrap="False" HorizontalAlign="Left" Width="32px" CssClass="grid-header grid-header-first" />

<ItemStyle HorizontalAlign="Center" Width="100%" VerticalAlign="Top" />

</telerik:GridCheckBoxColumn>

<telerik:GridNumericColumn DataField="Quantity" DataType="System.Int16"

DecimalDigits="0" DefaultInsertValue="1" ColumnEditorID="txtGridEditor_Quantity"

FilterControlAltText="Filter Quantity column" HeaderText="Quantity"

ShowSortIcon="False" SortExpression="Quantity" UniqueName="Quantity">

<HeaderStyle CssClass="grid-header" HorizontalAlign="Left" Width="80px" Wrap="False" />

<ItemStyle HorizontalAlign="Center" Width="100%" VerticalAlign="Top" />

</telerik:GridNumericColumn>

<telerik:GridBoundColumn DataField="Item" HeaderText="Item" UniqueName="Item"

ConvertEmptyStringToNull="False" EmptyDataText="" SortExpression="Item"

ShowSortIcon="False" ReadOnly="True">

<HeaderStyle Wrap="False" HorizontalAlign="Left" Width="180px" CssClass="grid-header" />

<ItemStyle HorizontalAlign="Left" Width="100%" VerticalAlign="Top" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn ConvertEmptyStringToNull="False" DataField="Category" EmptyDataText=""

FilterControlAltText="Filter Category column" HeaderText="Category" SortExpression="Category"

UniqueName="Category" ReadOnly="True">

<HeaderStyle CssClass="grid-header" Width="80px" />

<ItemStyle HorizontalAlign="Left" VerticalAlign="Top" Width="100%" />

</telerik:GridBoundColumn>

<telerik:GridNumericColumn dataFormatString="{0:$###,##0.00}" DataField="Price"

DataType="System.Decimal" NumericType="Currency"

HeaderText="Price" SortExpression="Price" UniqueName="Price" Aggregate="Sum"

FooterAggregateFormatString="{0:C}" ReadOnly="True">

<HeaderStyle CssClass="grid-header" Width="60px" />

<ItemStyle HorizontalAlign="Left" VerticalAlign="Top" Width="100%" />

</telerik:GridNumericColumn>

<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete" FilterControlAltText="Filter DeleteColumn column"

ImageUrl="Images/305_Close_16x16_72.png" Text="" UniqueName="DeleteColumn" Resizable="false"

ConfirmText="Remove this item?" ConfirmDialogType="RadWindow" ConfirmTitle="Remove"

ShowInEditForm="True">

<HeaderStyle Wrap="False" HorizontalAlign="Left" Width="24px" CssClass="grid-header grid-header-last">

</HeaderStyle>

<ItemStyle Width="100%" HorizontalAlign="Right" VerticalAlign="Top" />

</telerik:GridButtonColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

<telerik:GridTextBoxColumnEditor ID="txtGridEditor_Quantity" runat="server" TextBoxStyle-Width="98%" />

The grid works as expected EXCEPT when it comes to rendering the column editor for the Quantity field. See the attached screenshot. The Quantity field text box is sized way beyond what the column width is and I cannot figure out a way to get it to size appropriately. Whether I specify a ColumnEditorID or not, it displays this way. This is similar to a previous post when trying to customize masked text fields and that was acknowledged as bug on Telerik's end.

Is this the same issue or am I doing something incorrectly? I can't imagine that no one else has encountered this issue since I've been encountering it without doing anything out of the ordinary in multiple projects. I've even gone so far as to remove ALL css to make sure something there wasn't causing it but it displays the same way.

Grid

answered on 03 Jun 2013

1 answer

89 views

RadTreeviewContextMenu and RadMenu

Hi,
i have RadTreeviewContextMenu and RadMenu in my app.
This RadMenu is in Masterpage

<telerik:RadMenu ID="RadMenuMaster" runat="server" EnableEmbeddedSkins="false"

EnableEmbeddedBaseStylesheet="false"

DataSourceID="SiteMapDataSource1"

EnableShadows="True" Style="z-index: 1000;">

</telerik:RadMenu>

This is my TreeView in Default.aspx

<telerik:RadTreeView ID="RadTreeViewFileShare" runat="server" >

<ContextMenus>

<telerik:RadTreeViewContextMenu ID="RadTreeViewContextMenuFs" runat="server">

<Items>

<telerik:RadMenuItem>

<ItemTemplate>

<asp:Panel ID="PanelFindNode" runat="server" style="padding:5px;" DefaultButton="ButtonFindTreeNode">

<asp:Label ID="LabelFindNode" runat="server" Text="Find Node:" AssociatedControlID="TextBoxFindTreeNode" />

<asp:TextBox ID="TextBoxFindTreeNode" runat="server" AutoCompleteType="Search"></asp:TextBox>

<asp:ImageButton ID="ButtonFindTreeNode" runat="server" ImageUrl="~/Images/Search/Search.ico"

ToolTip="Search for node" OnClick="ButtonFindTreeNode_Click" ImageAlign="Middle" />

</asp:Panel>

</ItemTemplate>

</telerik:RadMenuItem>

</Items>

</telerik:RadTreeViewContextMenu>

</ContextMenus>

</telerik:RadTreeView>

Why does the Stylesheet affects the RadMenu.
When i comment out the RadTreeViewContextMenu everything work fine.

Any Idea
Thanks

TreeView

answered on 03 Jun 2013

1 answer

48 views

Hitting browser's back button from a RadWindow loses parameters used in the parent window

I have a Telerik Report which uses some parameters to generate the report. It generates the report fine in all circumstances except when I open a RadWindow and hit the browser's back button. The Radwindow when opens refreshes the report and generates the report in the background fine which means it still has the parameters. The report is fine even when I close the radwindow through its close button. But if I hit back button to go to the report from the radwindow the report loses the parameter (this is my best guess) and the report gives errors in red boxes. Is there a way that I can make it not lose the parameters and get the report back.
Note: If I hit browser's back button from any page other than radwindow to this report, the report runs fine.
I would appreciate the help.
Thank you,
Nekud

Ajax

answered on 03 Jun 2013

1 answer

247 views

How to change the ColumnSeries Name programatically

Since i cannot do the below

<telerik:ColumnSeries Name='<%# Master.GetTranslation("Choice1")%>' DataFieldY="RiskChoice1">

Parser Error Message: Databinding expressions are only supported on objects that have a DataBinding event. Telerik.Web.UI.ColumnSeries does not have a DataBinding event.

I'm wondering how I can do this from the code behind, here's how i'm currently building the Chart

Private Sub DoChart4(ByVal Assessment As List(Of ExtendedRiskAssessment))

Dim myDS As DataSet = GetData(Assessment)

TopRiskFactors.ChartTitle.Text = Master.GetTranslation("ChartRiskFactors").ToString

TopRiskFactors.ChartTitle.Appearance.TextStyle.Bold = True

TopRiskFactors.PlotArea.XAxis.TitleAppearance.TextStyle.Bold = True

TopRiskFactors.PlotArea.YAxis.TitleAppearance.TextStyle.Bold = True

TopRiskFactors.PlotArea.XAxis.TitleAppearance.Text = Master.GetTranslation("RiskFactors").ToString

TopRiskFactors.PlotArea.YAxis.TitleAppearance.Text = Master.GetTranslation("RiskChoices").ToString

TopRiskFactors.DataSource = myDS

TopRiskFactors.DataBind()

'Setting pragmatically the XAxis values

TopRiskFactors.PlotArea.XAxis.DataLabelsField = "Name"

End Sub

Private Function GetData(ByVal Assessment As List(Of ExtendedRiskAssessment)) As DataSet

returnRiskCount(Assessment)

Dim ds As New DataSet("Risk")

Dim dt As New DataTable("RiskFactors")

dt.Columns.Add("Id", Type.[GetType]("System.Int32"))

dt.Columns.Add("Name", Type.[GetType]("System.String"))

dt.Columns.Add("RiskChoice1", Type.[GetType]("System.Int32"))

dt.Columns.Add("RiskChoice2", Type.[GetType]("System.Int32"))

dt.Columns.Add("RiskChoice3", Type.[GetType]("System.Int32"))

dt.Columns.Add("RiskChoice4", Type.[GetType]("System.Int32"))

dt.Columns.Add("RiskChoice5", Type.[GetType]("System.Int32"))

'****

Dim Choices As countRiskChoice = Risk.Item(1)

dt.Rows.Add(1, Master.GetTranslation("AgreementMateriality"

).ToString, returnCount(Choices).Count1, returnCount(Choices).Count2, returnCount(Choices).Count3, returnCount(Choices).Count4, returnCount(Choices).Count5)

'****

'Etc.

Chart (HTML5)

answered on 03 Jun 2013

9 answers

436 views

Unable to get value of the property 'getDataKeyValue': object is null or undefined

Hi,

I am getting following error.
"Unable to get value of the property 'getDataKeyValue': object is null or undefined". I have one grid with CheckBox Column and outside of Grid i have one Button. and when the CheckBox of any row in Grid is selected true and then if i click on the Button outside the grid. I want DataKeyValue of the Grid row. I have follwoing code in Javascript to do.

var grid = $find('<%=((RadGrid) XYZCtrl1.FindControl("GridXYZList")).MasterTableView.ClientID%>');

var dataItem = grid.get_dataItems()[Index];

var keyValues = dataItem.getDataKeyValue("XYZId");

upto second line i am getting objects but in third line i am getting this error
"Unable to get value of the property 'getDataKeyValue': object is null or undefined"
Can anyone tell me please what i am doing wrong here ?

Thanks,
--Jai

Grid

answered on 03 Jun 2013

1 answer

133 views

Upload MaxFileSize issue with Chrome

Hi,
I am using Telerik RadAsynUpload with MaxFileSize Property.

MaxFileSize="10000000" as 10 MB.
Ex: http://www.telerik.com/help/silverlight/radupload-features-file-size-and-count-limitation.html

when i upload a file of 4MB,it shows the Red Mark in the control in Chrome.
But it is working good in Firefox.

Please help me to resolve this.

Thanks in advance.

Regards,
AGMRAJA

Upload (Obsolete)

answered on 03 Jun 2013

1 answer

117 views

CSS from Templates Break Telerik Control Design

Often when we are building an application using a template design, that template has CSS that defines styles at the ELEMENT level.

When we run across these they often "break" the design of some of the telerik controls.

One example would be the SELECT element. We have a template that uses CSS to give it's drop downs a nicer look. But when we start using the Telerik controls that depend on a SELECT element, they don't look correct until we get rid of the CSS from the template (which we don't want to do because that will break the design on the standard SELECT elements for this template).

Has anyone come up with a great way to work around this?

I realize I could add class names to the template's CSS and then include that class name on all the standard SELECT elements in my application, but I'm wondering if anyone has come up with a better or simpler approach that doesn't require modifying the template's CSS.

Thanks!
Kevin

General Discussions

answered on 03 Jun 2013

3 answers

325 views

How to display a loadingPanel in RadWindow

Hi,

I am having some problems with this functionality.
I want to display a loading panel in my radWindow when the button btnGuardar is clicked.

This is my current code, and with this i cannot check if the loading panel appears because my btnGuardar is not working (for some reason is disabled) unless i delete the AjaxUpdatedControl

I have a page that is opened through javascript

var oManager = GetRadWindowManager();

var oWnd = oManager.getWindowByName("genericWindow");

oWnd.setUrl("/Workstatus/PopupSoldadura.aspx?ID=" + escape(idJuntaWorkstatusID) + "&RO=" + escape(readOnly));

Sam.Utilerias.SetSize(oWnd,790, 560);

oWnd.set_modal(true);

oWnd.center();

oWnd.show();

this RadWindow has the next code

<asp:Content ID="Content1" ContentPlaceHolderID="cphHeader" runat="server">

<link rel="Stylesheet" href="/Css/combos.css" type="text/css" media="all" />

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="cphBody" runat="server">

<telerik:RadAjaxManager runat="server" ID="RadAjaxManager1"></telerik:RadAjaxManager>

<telerik:RadAjaxManagerProxy runat="server" ID="RadAjaxManagerProxy1">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="btnGuardar">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="pnlPopupSoldadura" LoadingPanelID="loadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

<telerik:RadAjaxLoadingPanel ID="loadingPanel" runat="server" Skin="WebBlue"></telerik:RadAjaxLoadingPanel>

<asp:Panel runat="server" ID="pnlPopupSoldadura">

<telerik:RadWindow runat="server" ID="rdwCambiarFechaArmado">

<ContentTemplate>

<div style="margin-left: 30px; margin-top: 10px">

<asp:HiddenField runat="server" ID="hdnCambiaFechas"/>

<div class="divIzquierdo ancho50 boldElements">

<asp:Label ID="lblEncabezadoFechaProcesoAnterior" runat="server" meta:resourcekey="lblEncabezadoFechaProcesoAnterior"/>

<asp:Label ID="lblFechaProcesoAnterior" runat="server" />

<p></p>

<div class="separador">

<asp:Label ID="lblNuevaFecha" runat="server" meta:resourcekey="lblNuevaFecha"/>

<br />

<mimo:MappableDatePicker ID="mdpFechaArmado" runat="server" Style="width: 209px" />

</div>

<p></p>

</div>

<div class="divDerecho ancho50 boldElements">

<asp:Label ID="lblEncabezadoFechaReporteProcesoAnterior" runat="server" meta:resourcekey="lblEncabezadoFechaReporteProcesoAnterior"/>

<asp:Label ID="lblFechaReporteProcesoAnterior" runat="server" />

<p></p>

<div class="separador">

<asp:Label ID="lblNuevaFechaReporte" runat="server" meta:resourcekey="lblNuevaFechaReporte"/>

<br />

<mimo:MappableDatePicker ID="mdpFechaReporteArmado" runat="server" Style="width: 209px" />

</div>

<p></p>

</div>

<p>

<samweb:BotonProcesando runat="server" ID="btnGuardarPopUp" meta:resourcekey="btnGuardarPopUp" CssClass="boton" OnClick="btnGuardarPopUp_OnClick" ValidationGroup="valGuardar"/>

</p>

</div>

</ContentTemplate>

</telerik:RadWindow>

<div style="width: 750px;">

<div class="headerAzul">

<span class="tituloBlanco">

<asp:Literal runat="server" ID="litTitulo" meta:resourcekey="litTitulo" />

</span>

</div>

<div class="popupSpoolRO" >

<telerik:RadTabStrip runat="server" ID="tab" MultiPageID="mpSoldadura" Orientation="HorizontalBottom" CausesValidation="false" >

<Tabs>

<telerik:RadTab meta:resourcekey="tabInfo" Selected="true" />

<telerik:RadTab meta:resourcekey="tabSoldadorRaiz" />

<telerik:RadTab meta:resourcekey="tabSoldadorRelleno" />

</Tabs>

</telerik:RadTabStrip>

<div class="controles">

<telerik:RadMultiPage runat="server" ID="mpSoldadura">

<telerik:RadPageView ID="pvInfoGeneral" runat="server" Selected="true">

<ctInfo:Info runat="server" ID="ctrlInfo" OnWpsSeleccionado="wpsInfoSeleccionado" OnWpsRellenoSeleccionado="wpsRellenoInfoSeleccionado" OnWpsDiferenteCambio="WpsDiferenteCambio" />

</telerik:RadPageView>

<telerik:RadPageView ID="pvSoldadorRaiz" runat="server">

<ctrl:SoldadorRaiz runat="server" ID="ctrlRaiz" OnProcesoRaizSeleccionado="procesoSeleccionado" OnWpsSeleccionado="wpsSeleccionado" />

</telerik:RadPageView>

<telerik:RadPageView ID="pvSoldadorRelleno" runat="server">

<ctrl:SoldadorRelleno runat="server" ID="ctrlRell" OnProcesoRellenoSeleccionado="procesoRellenoSeleccionado" OnWpsSeleccionado="wpsRellenoSeleccionado" />

</telerik:RadPageView>

</telerik:RadMultiPage>

</div>

<p></p>

</div>

<div class="pestanaBoton" id="divGuardar" runat="server">

<asp:Button runat="server" ID="btnGuardar" meta:resourcekey="btnGuardar" CssClass="boton" />