Questions on UI for ASP.NET AJAX Forum

5 answers

468 views

[Solved] Why does RadDatePicker.SelectedDate include the time?

Hello,

Why does RadDatePicker.SelectedDate include the time? If the time needs to be included in the SelectedDate value, then why not just use a RadDateTimePicker? Please help me to understand the logic behind including the time on the SelectedDate.

Thanks,
Casey

Calendar

answered on 06 Nov 2012

0 answers

72 views

Screen Issues in Chrome

Having issues only with chrome. It works in all other browsers. It apears that when I open a screen with RadFileExplorer and then hit the upload button the upload screen displays properly, but when I add files in chrome parts of the screen disappear. It seems like a zored issue. I have include 2 files one is the initial the other is after I drag 2 files at one time into the uploader. If I am to drag a 3rd file then the screen grows and shows the last file loaded but hides the previous 2. When I click on the header the entire screen shows.

This is the code for the filemange on my main screen

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" Style="z-index: 7001">

<Windows>

<telerik:RadWindow ID="FileManager" runat="server" Title="" Height="600px" Width="800px"

ReloadOnShow="True" Modal="True" Skin="WebBlue" VisibleStatusbar="false" ShowContentDuringLoad="false" />

</Windows>

</telerik:RadWindowManager>

this is the markup of the filemanger screen

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="FileManager.aspx.cs" Inherits="ComplianceClient.MarketingScreens.FileManager" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<style type="text/css">

#<%=RadFileExplorer1.ClientID%>_uploadContainer

{

overflow-x: hidden !important;

}

</style>

</telerik:RadCodeBlock>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<div>

<asp:Literal ID="lblScript" runat="server"></asp:Literal>

<asp:Label ID="lblErrorMessage" runat="server" Font-Bold="True" ForeColor="Red"></asp:Label>

<telerik:RadFileExplorer ID="RadFileExplorer1" runat="server" Skin="WebBlue" Width="100%" style="z-index:7001" >

<Configuration EnableAsyncUpload="true" />

</telerik:RadFileExplorer>

</div>

</form>

</body>

</html>

On the load event of the filemanger screen I have

RadFileExplorer1.WindowManager.Style.Add("z-index", "100001");

Does anyont have anyidea how to keep the screen on top, or why parts of the screen seem to disappear?

FileExplorer

asked on 06 Nov 2012

1 answer

76 views

Ajax Manager Help

I have two user controls in a page. In second user control there is a repeater control and delete button inside the repeater control. When I click on the delete button inside repeater ,it should refresh the first user control and it should render in the page. Currently if I click on delete button it goes to delete event handler and does the job but does not refresh the first user control. The first user control is empty when delete occurs.

I have attached the code below for your reference.

I would appreciate if I can get a solution and not examples as I have seen a few examples from Google and Telerik support which are not really helpful.

Main Page (where 2 user controls implemented):

<table>

<tr>

<td>

<asp:Label style="float: left;" id="lblUpload" runat="server" Text="Basis of Design: "> </asp:Label>

</td><td>

<!—User Control 1 à

<fusion:ArtifactUpload runat="server" IsMultiUploadControl="false" ID="BODUploadControl" OnFileUploading="BODUpload_OnFileUploading" AutoAjaxify="true" OnNeedsArtifactId="BODUpload_OnNeedsArtifactId" >

<telerik:FileFilter Description="BOD Files (.doc, .docx, .pdf)" Extensions="doc,docx,pdf" />

</filefilters>

</fusion:ArtifactUpload>

<!—User Control 2 à

<fusion:ArtifactRepeater style=" padding:2px;" ID="BODRepeater" runat="server" OnFileDeleting="BODUpload_OnFileDeleted" />

</td>

</tr>

<br />

<tr>

<td>

<asp:Label style="float: left;" id="lblIcemUploadText" runat="server" Text="iCem Design: "> </asp:Label>

</td><td>

<!—User Control 1 à

<fusion:ArtifactUpload runat="server" IsMultiUploadControl="false" ShowLargeProgressIndicator="true" CallToAction="Attach iCem Design" AutoAjaxify="true" AppName="myCem" ID="ICEMUploadControl" OnNeedsArtifactId="ICemUpload_OnNeedsArtifactId" OnFileUploading="ICemUpload_OnFileUploading" >

<telerik:FileFilter Description="iCem Designs (.icem)" Extensions="icem" />

</filefilters>

</fusion:ArtifactUpload>

<!—User Control 2à

<fusion:ArtifactRepeater ID="ICEMRepeater" runat="server" OnFileDeleting="ICemUpload_OnFileDeleted" />

</td>

</tr>

</table>

User Control- 2:

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

<telerik:AjaxSetting AjaxControlID="pnlRepeater">

<telerik:AjaxUpdatedControl ControlID="pnlRepeater" LoadingPanelID="LoadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

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

<table>

<asp:Repeater ID="rptUploadedFiles" runat="server" OnItemDataBound="rptUploadedFiles_ItemDataBound">

<tr>

<td>

<asp:LinkButton ID="ArtifactLink" runat="server" Style="float: left;" />

</td>

<td>

<telerik:RadButton AutoPostBack="true" runat="server" Width="20px" Height="20px" ID="btnDelete"

OnClick="RADArtifactDelete_OnClick" Style="float: left;">

</Image>

</telerik:RadButton>

</td>

</tr>

<asp:HiddenField ID="hdnArtifactId" runat="server" Value='<%#Container.DataItem%>' />

</ItemTemplate>

</asp:Repeater>

</table>

</asp:Panel>

User Control 1:

<telerik:RadWindow ID="ArtifactUploadProgressWindow" runat="server" IconUrl="<% $SPUrl: ~sitecollection/Style Library/WorkflowUserInterfaceCommon/Images/Fusion_Logo_grey_16.png %>"

Behaviors="None" Modal="True" VisibleStatusbar="False" ReloadOnShow="False" Opacity="100"

Animation="None" AutoSize="True">

<h2>

<%= this.CallToAction %>

</h2>

<hr />

<hr />

<asp:Button ID="CancelUpload" runat="server" Text="Cancel" OnClick="CancelUpload_OnClick" />

</div>

</ContentTemplate>

</telerik:RadWindow>

<div style="vertical-align:middle;"><telerik:RadAsyncUpload ID="ArtifactUploadControl" runat="server" MaxFileSize="15000000" HttpHandlerUrl="~/_layouts/Halliburton.Fusion.Portal.Workflow.Infrastructure/ArtifactHandler.ashx"

EnableInlineProgress="False" MaxFileInputsCount="1" UploadedFilesRendering="BelowFileInput"

OnFileUploaded="ArtifactUploadControl_OnFileUploaded" Height="25px" PostbackTriggers="ArtifactUploadSubmit"

EnableEmbeddedSkins="False" Skin="CustomUpload">

</telerik:RadAsyncUpload>

</div>

<asp:Button ID="ArtifactUploadSubmit" runat="server" Text="" Style="display: none;" />

</div>

User Control 1 .cs:

Page_Load()

{

RadAjaxManager radAjaxManager = RadAjaxManager.GetCurrent(this.Page);

radAjaxManager.AjaxSettings.AddAjaxSetting(this, this);

}

Ajax

answered on 06 Nov 2012

0 answers

98 views

Issue with Screen in Chrome

I have a screen that is the Fileexporer and allow users to upload new files. It work fine in IE and Firefox but I have a screen issue in Crome
I have included the screen shots. The first on is when the screen opens, the second is whenI drop 2 files on the screen. If I use the select button it does the same thing. If I load them one at a time it only shows the last fileI uploaded. If I click on the window header the whole screen becomes visible. It is like parts of the screen are behind the other popup.

In the main screen I have the following code for the window manager

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" Style="z-index: 7001">

<Windows>

<telerik:RadWindow ID="FileManager" runat="server" Title="" Height="600px" Width="800px"

ReloadOnShow="True" Modal="True" Skin="WebBlue" VisibleStatusbar="false" ShowContentDuringLoad="false" />

</Windows>

</telerik:RadWindowManager>

then for the Filemanager screen I have the folloing code.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="FileManager.aspx.cs" Inherits="ComplianceClient.MarketingScreens.FileManager" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<style type="text/css">

#<%=RadFileExplorer1.ClientID%>_uploadContainer

{

overflow-x: hidden !important;

}

</style>

</telerik:RadCodeBlock>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<div>

<asp:Literal ID="lblScript" runat="server"></asp:Literal>

<asp:Label ID="lblErrorMessage" runat="server" Font-Bold="True" ForeColor="Red"></asp:Label>

<telerik:RadFileExplorer ID="RadFileExplorer1" runat="server" Skin="WebBlue" Width="100%" style="z-index:7001" >

<Configuration EnableAsyncUpload="true" />

</telerik:RadFileExplorer>

</div>

</form>

</body>

</html>

I have tried altering z order and other things but it seems to have issues with Chrome. Has anyone else had this issue?

FileExplorer

asked on 06 Nov 2012

1 answer

126 views

Make Window / RadWindow And MDI Example Maximixe and Resize

Can the example Window / RadWindow And MDI be changed to support full screen size and resize when browser is resized. I am looking for functionality like WebDesktopManager offered by Intersoft.

Any help is very much appreciated.

Window

answered on 06 Nov 2012

1 answer

40 views

Rad grid nested view pagging.

hi
need to bind nested view rad grid in need datasource event or any sample for nested view radgrid bind and pagging in both Radgrid.

Grid

answered on 06 Nov 2012

8 answers

170 views

EnableRangeFiltering InvalidCastException

I am having trouble with range filtering. All other filtering on my radgrid works fine, but range filtering is not returning the correct results, it appears to just be reloading the radgrid. I have tried Operating with the FilterExpression of Telerik RadGrid Manually as seen in the article in hopes that I would be able to see the values for the "From" and "To" date boxes, but I keep getting an "InvalidCastException" when the breakpoint reaches "Dim startDate As TextBox" in both examples. I can not seem to find code that allows be to access those text boxes. Thanks in advance for you help!

If e.CommandName = RadGrid.FilterCommandName Then

Dim filterPair As Pair = TryCast(e.CommandArgument, Pair)

Dim filterName As String = Convert.ToString(filterPair.First)

Dim columnName As String = Convert.ToString(filterPair.Second)

If columnName = "PUBLISHED_DATE" Then

e.Canceled = True

Dim startDate As TextBox = CType((CType(e.Item, GridFilteringItem))(filterPair.Second.ToString()).Controls(0), TextBox)

Dim endDate As TextBox = TryCast(TryCast(e.Item, GridFilteringItem)(filterPair.Second.ToString()).Controls(1), TextBox)

-------------------------------------------------------------------------------------------

AND

If e.CommandName = RadGrid.FilterCommandName Then

Dim filterPair As Pair = TryCast(e.CommandArgument, Pair)

Dim filterName As String = Convert.ToString(filterPair.First)

Dim columnName As String = Convert.ToString(filterPair.Second)

If columnName = "PUBLISHED_DATE" Then

e.Canceled = True

Dim filteringItem As GridFilteringItem = TryCast(e.Item, GridFilteringItem)

Dim startDate As TextBox = DirectCast(filteringItem("PUBLISHED_DATE").Controls(0), TextBox)

Dim endDate As TextBox = DirectCast(DirectCast(e.Item, GridFilteringItem)(filterPair.Second.ToString()).Controls(1), TextBox)

Filter

answered on 06 Nov 2012

3 answers

90 views

How to highlight last edited row when sorting is enabled to column that needs to be changed.

Folks,

Using VS2010 with RadControls for ASP.NET AJAX Q2 2012 SP2. I am using below link (the 2nd Grid as a prototype).

http://demos.telerik.com/aspnet-ajax/grid/examples/programming/commanditem/defaultcs.aspx

I would like to highlight last updated row when sorting is enabled. Below codes works (i.e. does highlight the last updated row in current page when sorting is not enabled prior to editing).

protected void RadGrid2_PreRender(object sender, EventArgs e)

{

if (rowindex > -1)

{

GridDataItem item = (GridDataItem)RadGrid2.Items[rowindex];

item.Selected = true;

rowindex = -1;

}

int rowindex = -1;

protected void RadGrid2_UpdateCommand(object sender, GridCommandEventArgs e)

{

GridEditFormItem editItem = (GridEditFormItem)e.Item;

rowindex = editItem.ItemIndex;

}

But lets see if sorting is enabled (i.e. in Contact Name) and if in edit form, I change the Contact Name from Ann Devon to Beann Devon, after update Beann Devon is not showing in current page ( I assume because sorting is enabled in column Contact Name). Please refer to attached.

Is there any way possible to highlight that updated row if sorting is enabled prior to edit? If not, how about disable sorting prior to edit, after update highlight the row and enable sorting or any other suggestions? My users may sort any column, change that column value and still would like to highlight that row after update.

Thanks for any help.

gc_0620

Grid

answered on 06 Nov 2012

1 answer

118 views

Trouble closing window opened in another window

I have an asp.net form that opens a radwindow which has a navigateUrl of another asp.net form. I will call this "window1". Next I want to open a second window from window 1, called "window2". All this works great. My problem is that I want to close "window2" without closing window1 ! I have tried numerous examples from the forum, but cannot seem to get it working. When it does anything at all it closes both window1 and window2...Now for some code that I am using...
Code that opens window1:

Dim script As String = "function f(){$find(""" + Me.daypopupwindow.ClientID + """).show(); Sys.Application.remove_load(f);}Sys.Application.add_load(f);"

ScriptManager.RegisterStartupScript(Page, Page.GetType(), "key", script, True)

code that opens window2:

function openAddWindow() {

var oBrowserWnd = getRadWindow().BrowserWindow;

setTimeout(function () {

oBrowserWnd.radopen(null, "jobpopupwindow");

}, 0);

}

Currently I am trying to close window2 with an html button calling a javascript function, but ideally it would be called from the code-behind.
If I use this function it closes both windows:

function closeActiveWindow() {

var oWin = getParentRadWindow();

oWin.close();

}

If I use this code, I get a "GetRadWindowManager()undefined" error

function closeThisWindow() {

var omanager = GetRadWindowManager();

var ownd = omanager.getWindowByName("jobpopupwindow");

ownd.close();

}

Please help. I have tried so many things. It seems that geting a reference to the RadWindowManager on the first main page, then referencing a particular window and then calling close makes the most "sense", but I can't seem to get the reference to the manager from window2.

Dana

Window