Questions on UI for ASP.NET AJAX Forum

2 answers

92 views

Date filtering

Hi,

I have DB table that stores dates in UTC. I’m using entity framework to connect data to
a RAD grid.

We modified EF to return all dates in local time (using T4
template). Grid displays all dates
correctly.

We have filtering issue,
using raddatepicker. It passes dates in
local time. By the time it gets to
entity.Selecting, DataSource.Where is already set to value based on filter. What would be the best way to make sure
filter passes UTC dates in to DataSource?

Regards,

Ralph Wiazowski

Grid

answered on 03 Jun 2014

2 answers

238 views

Mouse over and onclick needed on ShowEvent RadToolTipManager

Hi. Good day

May I know is it possible to set both onMouseOver and OnClick to a RadToolTipManager's ShowEvent? I have a scenario where user can mouseover on the a customTemplate column to show tooltip of the item's description and when user click on it, it shows the tooltip with a textbox to update the value of the item in the radgrid.

Please advise on how to achieve this. Thanks in advanced.

Regards
Yung

ToolTip

answered on 03 Jun 2014

1 answer

145 views

Progress bar not moving on production server (but works on dev box)

Here are the problem details. If anyone has any ideas, I would appreciate it:

Using ASP.NET AJAX Q2 2013 SP1
Simple file upload page using RadUpload,RadProgressManagerand RadProgressArea (see aspx page and web.config below)
Progress bar moves and updates properly running on developer machine using IIS 7.5.
But, when running on Windows 2008 R2 server using IIS 7.5, the following happens:
- Progress bar does not move
- The Uploaded percentage and byte count remain at zero during the upload.
- The progress area filename is blank during the upload.
- The file DOES successfully upload.
- When upload is complete, upload percentage is 100% and byte count matches total file size.
Used fiddler to compare dev machine vs server mid-progress traffic and noticed JSON progress status details are zero/blank when run on server. And they are correct when run on dev machine (see comparison below)

// Running on Server

var rawProgressData = {InProgress: true,

ProgressCounters: true,

CurrentOperationText: '',

PrimaryTotal: '168.26MB',

PrimaryValue: '0B',

PrimaryPercent: '0',

SecondaryValue: '0',

Speed: '0B/s',

TimeElapsed: '20311',

TimeEstimated: '2147483647',

OperationComplete: 'false',

RadUpload: { RequestSize: 176433547, Bytes: 0, FilesCount: 0, CurrentFileName: '', RequestLength: 176433547 }};

// Running on developer machine

var rawProgressData = {InProgress: true,

ProgressCounters: true,

CurrentOperationText: 'C:\\test\\test.zip',

PrimaryTotal: '168.26MB',

PrimaryValue: '102.49MB',

PrimaryPercent: '61',

SecondaryValue: '0',

Speed: '191.21MB/s',

TimeElapsed: '536',

TimeEstimated: '344',

OperationComplete: 'false',

RadUpload: { RequestSize: 176433596, Bytes: 107464352, FilesCount: 0, CurrentFileName: 'C:\\test\\test.zip',RequestLength: 176433596 }};

ASPX Page

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

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

<div>

<telerik:RadProgressManager ID="RadProgressManager1" runat="server" />

<telerik:RadUpload ID="RadUpload1" runat="server"

TargetFolder="~/Test"

MaxFileSize="400000000"

ReadOnlyFileInputs="true"

EnableFileInputSkinning="false"

MaxFileInputsCount="1"

ControlObjectsVisibility="None"

OverwriteExistingFiles="True"

>

</telerik:RadUpload>

<telerik:RadProgressArea ID="RadProgressArea1" runat="server"

ProgressIndicators=

"TotalProgressBar, TotalProgress, TotalProgressPercent, RequestSize, CurrentFileName, TimeElapsed, TimeEstimated, TransferSpeed"

>

</telerik:RadProgressArea>

<asp:Button ID="UploadButton" runat="server" Text="Upload" />

</div>

</form>

web.config

<?xml version="1.0" encoding="UTF-8"?>

<configuration>

<system.web>

<compilation strict="false" explicit="true" targetFramework="4.5">

<assemblies>

<add assembly="System.Design, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B03F5F7F11D50A3A" />

<add assembly="System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089" />

<add assembly="System.Speech, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />

</assemblies>

</compilation>

<httpRuntime targetFramework="4.5" maxRequestLength="500000" />

<httpHandlers>

<add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false" />

<add path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" validate="false" />

</httpHandlers>

</system.web>

<system.webServer>

<validation validateIntegratedModeConfiguration="false" />

<handlers>

<add name="Telerik_Web_UI_WebResource_axd" verb="*" preCondition="integratedMode" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" />

<add name="Telerik_RadUploadProgressHandler_ashx" verb="*" preCondition="integratedMode" path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" />

</handlers>

<modules>

<add name="RadUploadModule" preCondition="integratedMode" type="Telerik.Web.UI.RadUploadHttpModule" />

</modules>

<security>

<requestFiltering>

<requestLimits maxAllowedContentLength="509715200"/>

</requestFiltering>

</security>

</system.webServer>

</configuration>

Thanks

ProgressArea

answered on 03 Jun 2014

2 answers

125 views

Async Upload popup - add scroll?

I'm using the FileExplorer in a RadWindow popup and the issue I'm experiencing is that the async upload window resizes beyond the popup window area when many files are uploaded.

Is there a way the the upload popup can maintain it size and just use a scrollbar?

FileExplorer

answered on 03 Jun 2014

8 answers

468 views

Close modal on overlay click

Is it possible to close the modal by clicking the overlay?

Something like you see with other modal scripts:

overlayClose: true | false Close modal box by clicking on overlay. Default is true.

Marc

Window

answered on 03 Jun 2014

3 answers

475 views

Use Alt Text instead of Title for Tooltip

For an image, I would like to use the Alt Text as the tooltip, not the title. Is there any way to do this?

ToolTip

answered on 03 Jun 2014

1 answer

25 views

RadEditor Missing Image Properties (Right-Click) On 1st Attempt

v4.0.30319

When using the ImageManager to insert images into the RadEditor, users would like to be able to right-click the image and edit it's properties. While this option is currently in place and configured, there is an issue when attempting to accomplish this on the first insert, on the first right-click.

>Start/Refresh page with RadEditor (important!)
>Insert image via ImageManager
>Right-click image...Properties
>Properties are all empty, can edit but cannot click 'OK', only 'Cancel' (Img1)
>Click 'Cancel'
>Right-click image...Properties
>Properties are now correct and available for edit (Img2)

How can we fix this so that the properties are correct and available for edit on the first attempt? This provides a serious usability issue for us. Any help would be greatly appreciated.

ImageEditor

answered on 03 Jun 2014

1 answer

260 views

When clicking on ajax.actionlink in its oncomplete function I can't update the html of a div whith requested data - partial view with radcombobox

In one mvc partial view I've got some ajax.ActionLinks which when clicked update the div 'importpartupdate' (they just updates the div whith new ajax.actionLinks with other routevalues). The problem is that when this update is competed I have to update another div - depending on which link is clicked . That's why in my OnComplete function of my ajax.ActionLink I make an ajax request to the action 'GridViewLanguage' which returns me the partial view which should uodate this other div with claass .floatLanguage.

The partial view which action Gridviewlanguage retuns me is just am user control with radgridcombobox. It as you see has an Itemtemplate with an anchor element
with href property <a href="<%#DataBinder.Eval(Container.DataItem, "menuID")%>"> and I see that the menuID item has each time proper value.

<telerik:RadGrid ID="RadGridLang" runat="server" AutoGenerateColumns="False" EnableEmbeddedSkins="False" RegisterWithScriptManager=false  DataTextField="Descr" DataValueField="LanImg"<br

>                Height="100%" Width="120px" AppendDataBoundItems="true" CellSpacing="0" GridLines="None" OnLoad="RadGridLang_Load"><

br> <MasterTableView> <Columns> <telerik:GridTemplateColumn DataField="LanCd"> <ItemTemplate> <img src="<%#DataBinder.Eval(Container.DataItem, "LanImg")%>" alt="ASP.NET hosting" /> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn DataField="LanCd"> <ItemTemplate> <telerik:RadComboBox ID="RadComboBoxLang" runat="server" EmptyMessage="Select a language" DataTextField="Descr" DataValueField="LanCd" EnableEventValidation="true" RegisterWithScriptManager=false

<br>                                    EnableLoadOnDemand="true" DataSourceID="ObjectDataSourceDrob" CausesValidation="false" AllowCustomText="true" AppendDataBoundItems="true" OnLoad="RadComboBoxLang_Load" ><

br> <ItemTemplate> <div class="imageWrap"> <telerik:RadComboBoxItem Text="Select" /> <a href="<%#DataBinder.Eval(Container.DataItem, "menuID")%>"> <img src="<%#DataBinder.Eval(Container.DataItem, "LanImg")%>" alt='<%# Eval("Descr")%>'/>&nbsp&nbsp&nbsp&nbsp&nbsp<%#DataBinder.Eval(Container.DataItem, "Descr")%></a> </div> </ItemTemplate> </telerik:RadComboBox> </ItemTemplate> </telerik:GridTemplateColumn> </Columns> </MasterTableView> </telerik:RadGrid>

So the first time when I click a link eeverything works correctly and my two divs are correctly updated. But the second time I click a new link it seems the the floatlanguuage div is not updated - and the href property in the anchor element stays the same as the previous request. Can you suggest why teh value in the href property in the link in the radcombobox stays the same

like somehow the browser is caching the previous info I don't know. \i tried with cache:false- nothing worked.

Here is my view partial view which makes request to the action after a ajax.actionlink is clicked

<div class="importpartupdate"> <ul> @{  if (Model != null

)<br>                {<br>                    foreach (MvcBeaDAL.WebServiceBeaMenu item

in

Model.MenuLeft)<br>                    {<br><br>                      <li><br>                        @Ajax.ActionLink(@item.SpecialWord,

"ImportShow", new { id = Model.LanguageName, menuID = item.ID, articlegroupID = item.ArticlegroupID, counter = 1 }, new AjaxOptions { UpdateTargetId = "importPartUpdate", HttpMethod = "GET", InsertionMode = InsertionMode.Replace, OnComplete = "success("+@item.ID+")" }, new

{ id=item.ID})<br><br>                      </li> <br>                    }<br>                } <br>            }<br>        </ul><br>    </div> <br><br><br></nav><br>   <script><br>

function success(ids) {  var nocache = new Date().getTime(); jQuery.ajax({ url: '@Url.Action("GridLanguageView")/?menuID='+ids }).done(function (data) { $(".floatLanguage"

).replaceWith(data);<br>             alert(data);<br>           });<br><br><br><br>       }<br>     </script>

ComboBox

answered on 03 Jun 2014

3 answers

808 views

How do I identify a record using GridCommandEventArgs?

Hi There,
I'm just starting to use the RadGrid and I can't see how to access the data from GridCommandEventArgs.

I have a simple grid bound to an ObjectDataSource that is a .NET generated dataset (a .xsd file in the App_Code folder).
I have set up the grid so there is a delete button on each line.

Because the dataset uses more than 1 table and the Select uses a Join I cannot use the Delete/Update commands from the dataset ( as Visual Studio can't generate the SQL for Joined tables).

So I plan to capture the Delete command and do my changes to the dataset in that method and then update back to the database.

However, I do not know how to reference the record (row) on which Delete was pressed. I need this to get the unique ID for the record. Once I have this reference I can use it to find the records other fields and edit or otherwise manipulate the data.
I thought this might return the first column in the record but apparantly not.

 protected void RadGrid1_DeleteCommand(object source, GridCommandEventArgs e)
 {
 string ID = (string)e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["RoleName"]; <-------This does not work

 string ID2 = (string)e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex][0]; <-------This does not work
 }

I have no DataKeyValues set in the aspx file because ( I believe) I generate the field names from the dataset

How do I reference the row?
Is this the right way to deal with this problem?

Thanks for any help
Richard

Grid

answered on 03 Jun 2014

0 answers

38 views

RadGrid Increase size of prev next btn at bottom ogf grid

hello

As shown in attached image , I am viewing the Radgrid on tablet which is touch screen ,
so it becomes difficult to click the prev and next button which is at the bottom of Radgrid .
How can i enlarge the size of the buttons so that it becomes easier to click by touch.

please help.

thanks
Kishor

Ajax

asked on 03 Jun 2014