Questions on UI for ASP.NET AJAX Forum

1 answer

83 views

I have an application that contains several radwindows with the modal setting turned on. When I run the application standalone, the radwindow opens up in the correct position, centered on the screen.

However, when I call my application from inside a menu application the radwindow opens up relative to the frame and not to the browser. This requires the user to scroll halfway down the page to locate the radwindow where they have to input information. It's not even obvious to the user that a window had opened up.

Is there anyway to get it to automatically center in the window at the position they clicked the icon which launches the radwindow, the same way it does when not being called from menu application?

Any help is greatly appreciated!

Window

answered on 17 Jul 2015

1 answer

67 views

Javascript exception when dragging and dropping

I only discovered this after finally realising that a drag/drop between RADTreeviews does not seem to work when the views are databound so I am not even sure if I can use this component.

After spending some time stylising and getting a data bound treeview working, drag and drop seems to lock up and stop working after one operation.

To my dismay I discovered articles suggesting that drag and drop is not supported for data bound views but I was convinced that this error was a side issue.

When I drag from one treeview to another on the same page and both in the same UpdatePanel, in the Chrome Developer window I see an error caused inside what appears to be Ajax scripts

"Uncaught Sys.ArgumentTypeException: Sys.ArgumentTypeException: Object of type 'Telerik.Web.UI.RadTreeView' cannot be converted to type 'Sys.UI.Control'." Parameter name: instance

To see whether the problem was related to drag/drop in a databound treeview I stripped out all the code and data bindings and created a simple page like this:

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="TVTest.aspx.vb" Inherits="JobManager_TVTest" %>

<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

<script type="text/javascript" src="../Scripts/Onsite.debug.js"></script>

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

<head id="Head1" runat="server">

<title></title>

</head>

<body>

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

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

<ContentTemplate>

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

<div id="ExplorerWindow" style="border: solid 1px silver; width:48%; float:left">

<table ID="Maintable" runat="server" style="width:100%; border-spacing:0px">

<tr id="DisplayRow">

<td style="width:300px; vertical-align:top; margin:2px; padding:10px">

<telerik:radtreeview id="RadTreeView" runat="server" style="overflow:auto;"

EnableDragAndDrop="True" OnClientNodeClicked="onClientNodeClicked"

OnNodeDrop="RadTreeView1_NodeDrop"

DataFieldParentID="ParentID" ResolvedRenderMode="Classic" >

<NodeTemplate>

<div>

<img src="../Images/16 x 16/Complete.bmp" alt="" style="border-width:0px;">

<asp:CheckBox ID="CheckBox1" runat="server" />

</div>

</NodeTemplate>

<Nodes>

<telerik:RadTreeNode runat="server" Text="Root RadTreeNode1">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 2">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 3">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 4">

<NodeTemplate>

four

</NodeTemplate>

</telerik:RadTreeNode>

</Nodes>

<NodeTemplate>

three

</NodeTemplate>

</telerik:RadTreeNode>

</Nodes>

<NodeTemplate>

two

</NodeTemplate>

</telerik:RadTreeNode>

</Nodes>

<NodeTemplate>

one

</NodeTemplate>

</telerik:RadTreeNode>

</Nodes>

</telerik:radtreeview>

</td>

<td style="vertical-align:top; padding:10px">

</td>

</tr>

</table>

</div>

<div id="Div1" style="border: solid 1px silver; width:50%; float:right">

<table ID="Table1" runat="server" style="width:100%; border-spacing:0px">

<tr id="Tr1">

<td style="width:300px; vertical-align:top; margin:2px; padding:10px">

<telerik:radtreeview id="RadTreeView1" runat="server" style="overflow:auto;"

EnableDragAndDrop="True" OnClientNodeClicked="onClientNodeClicked"

OnNodeDrop="RadTreeView1_NodeDrop"

DataFieldParentID="ParentID" ResolvedRenderMode="Classic"

EnableDragAndDropBetweenNodes="True">

<NodeTemplate>

<div>

<img src="../Images/16 x 16/Complete.bmp" alt="" style="border-width:0px;">

<asp:CheckBox ID="CheckBox1" runat="server" />

</div>

</NodeTemplate>

<Nodes>

<telerik:RadTreeNode runat="server" Text="Root RadTreeNode1">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 2">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Child 3">

<Nodes>

<telerik:RadTreeNode runat="server"

Text="Child 4">

<NodeTemplate>

five

</NodeTemplate>

</telerik:RadTreeNode>

</Nodes>

<NodeTemplate>

six

</NodeTemplate>

</telerik:RadTreeNode>

</Nodes>

<NodeTemplate>

seven

</NodeTemplate>

</telerik:RadTreeNode>

</Nodes>

<NodeTemplate>

eight

</NodeTemplate>

</telerik:RadTreeNode>

</Nodes>

</telerik:radtreeview>

</td>

<td style="vertical-align:top; padding:10px">

</td>

</tr>

</table>

</div>

</ContentTemplate>

</asp:UpdatePanel>

</form>

</body>

</html>

<script type="text/javascript">

function pageLoad() {

treeExpandAllNodes()

}

function treeExpandAllNodes() {

var treeView = $find("<%= RadTreeView.ClientID %>");

if (treeView) {

var nodes = treeView.get_allNodes();

for (var i = 0; i < nodes.length; i++) {

if (nodes[i].get_nodes() != null) {

nodes[i].expand();

}

function treeCollapseAllNodes() {

var treeView = $find("<%= RadTreeView.ClientID %>");

var nodes = treeView.get_allNodes();

for (var i = 0; i < nodes.length; i++) {

if (nodes[i].get_nodes() != null) {

nodes[i].collapse();

}

function onClientNodeClicked(treeView, e) {

var node = e.get_node();

// if (!node.get_expanded()) {

node.toggle();

}

</script>

and code behind is just this:

Protected Sub RadTreeView1_NodeDrop(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadTreeNodeDragDropEventArgs)

For Each node As RadTreeNode In e.DraggedNodes

e.DestDragNode.Nodes.Add(node)

Next

End Sub

If I drag one item then not only does the node not move but the Javascript error causes all future drag attempts to do nothing.

I updated to the latest Telerik version today and that made no difference.

I and using .net 4.0

can anyone see what I am doing wrong here?

thanks

jON

TreeView

answered on 17 Jul 2015

1 answer

114 views

RadEditor Performance: Obsolete JSON Stuff on Page HTML

I'm trying to configure a RadEditor with minimal set of toolbar tools. Thus, expecting a lighweight page HTML being downloaded to browser (as promised ;).

I have created the FileTools.xml and set RenderMode="Lightweight". However, two issues remain when checking the page source after load:

1. _dialogDefinitions

$create(Telerik.Web.UI.RadDialogOpener, {"_dialogDefinitions":{"ImageManager":{"SerializedParameters":"LzFXSAgfHwImDDtQAS8KCjAMf2pqbFF1CWkJNh0fUiQAYCF9MxJ2ER0dJCUSd097JAtDQQgZIgwIeyt+ASAGNwsMIgtpYzZ1BnkJNRoLRho5Vj1EGg51DgZAMD0qY2EMJwp5UzYNPQEIeQ1TPyAVPR99PW1kbCJxCnkBMxtAeCQIVQdbDBx6DSwdNyIaSXFPHm5uSB8ZIgIJew4eFjMBeQBpfzJpVhwpDXkNdRsfcBk5fxNeDx1lDhsdJCIrFmJPMCVDbjEkAxcLDydCORokfwtpLjZ8fj4tPmkNLDU2fzwNVAgYM...

... etc.

It appears ALL definitions are included, i.e. ImageManager, DocumentManager,LinkManager,ImageEditor, etc. in the page HTML - despite the fact that there are no dialogs on the toolbar. In fact, my test toolbar contains only one button - "Bold".

Would it be possible to keep such definitions in a separate xml file or something, i.e. not to load into browser with each request? How to get rid of these huge and heavy json definitions?

2. _localization strings

Sys.Application.add_init(function() {
$create(Telerik.Web.UI.RadEditor, {"_localization":{"addcustomcolor":"Add Custom Color...","addcustomhexcolor":"Add Hex Color...","addcustomwordsuccess":"successfully added to dictionary","addtodictionary":"Add to dictionary","askwordcleaning":"The content you are trying to paste has MS Word formatting.\r\nWould you like to clean

I wonder why are these strings are included with every single page load? A common sense says that at least English strings should be built into the telerik dll.

...

Many thanks for hints how to optimize RadEditor so thate there will be no obsolete JSON stuff on page HTML.

cheers,
Armin

Editor

answered on 17 Jul 2015

3 answers

422 views

Ignore accent in autocomplete ComboBox

Hi,

I am trying to find a way to ignore the accents entered in the combobox with the autocomplete function.

If someone enter "René" as text, the function I used to populate the combobox won't use the accent and the actual filter used will be "Rene".
But as a result that none of my result contains an accent, nothing is displayed in the comboxbox, except the number of results found.

Is there any way for the combobox to not use the accent in the filter ?

Thanks !

ComboBox

answered on 17 Jul 2015

1 answer

195 views

Cross-Site Scripting Rad Script Manager

I am using version 2013.2.717.45 and I had my site run through vulnerability testing. I am having cross site vulnerability issues returning in the following.

/ScriptResource.axd?d =f IXfSCXDMdPOprM9upV31XCUh62H5BipU6bxHY6xdjYTSrzQmRd9QwKEy
qJFHKEwgm3o5vRI0pJt4iTihK7FQBev74pUlBqXZJolifFQvDTGJqbLKP3rNEwqpoXpU4nsux0-jz-eaK8oilloSHbU
-0eRp3DtfizXDI7fxLUIUXjTOBqWuWjxs1AQv9ops3oo0%3c%73%43%72%49%70%54%3e%61%6c
%65%72%74%28%38%36%32%38%36%29%3c%2f%73%43%72%49%70%54%3e &t=7b689585
/Telerik.Web.UI .WebResource.axd?_TSM_HiddenField_=ctl00_body_ctl00
_RadScriptManager1_TSM&compress=1%3c%73%43%72%49%70%54%3e%61%6c
%65%72%74%28%38%38%35%37%35%29%3c%2f%73%43%72%49%70%54%3e &_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions
%2c+Version%3d4.0.0.0%2c+Culture%3dneutral %2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a88fd0407-24cf-4abd-9df5
-22f81b2bc835%3aea597d4b%3ab25378d2%3bTelerik.Web.UI %2c+Version%3d2013.2.717.45%2c+Culture%3dneutral
%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a4401a8f1-5215-4b97 -a426-3601ce0fa0ff%3a16e4e7cd%3af7645509%3a24ee1bba
%3af46195d3%3a2003d0b8%3a1e771326%3ae524c98b
/WebResource.axd?d =tvqaHeB_Qt6zlKxTjYmoVdBW9yFJob_NmsiT
_jdYw1zX4QCRSLPZgwcQSiQpYWUKIHv_83YEJDhygbkITIqehXr1RrMZyc74nbt80GwoXh7OYkp
_fEXBR5cez42Mn6r28jqsiLbDqWqk4aJsTIOD3Q2%3c%73%43%72%49%70 %54%3e%61%6c%65%72%74%28%35%38%35%31%36%29%3c%2f%73%43%72

Is there a setting that I am missing to prevent these issue from occurring?

Thanks,

Wes

ScriptManager and StyleSheetManager

answered on 17 Jul 2015

3 answers

232 views

Urgent: Exporting to Excel / Display data in user's locale

I'm a bit unsure of how to handle localization in regards to the numbers and dates within a radGrid.

This is our scenario. I have created the reports and tested them in the U.S. When the user runs the report on his workstation in Germany and exports the data to Excel the numerical data is displaying in English format.

ie. 1,344.00

As opposed to the German format which would be: 1.344,00

Currently my data is displaying on a German server as 1,344.00. If I go to the German server, open up the excel file that was exported and click on the cell that currently displays 1,344.00. I can then set that cells format to number and check the checkbox for: "use 1000 separator (.)". Then I have to re-type the number into the field. So I type in 134400 and hit enter. Then the value is displayed as 1.344,00. Which is what I want.

So the million dollar question. How do I export my data such that the formatting is like this?

This is an urgent issue so any help is greatly appreciated.

Thanks,

Julian

Grid

answered on 17 Jul 2015

1 answer

54 views

Filter list with missing values

Hello,

I have a problem with a pivotgrid binded to a OLAP Cube with adomd.

When I want to filter on a rowField, the filter window that should contain all possible values for the field doesn't contain all values, as you can see in the attached file.

in my example, the rowfield displays cities and in the filter window, the list of values is limited to letter F.

is there a limit for the displayed values ?

if yes, is it settable?

or is there a bug when a pivotgrid is binded to a OLAP Cube?

thanks

PivotGrid

answered on 17 Jul 2015

1 answer

88 views

RadUpload Enter Key

Hi,

when Pressing Tab and the Focus is on RadUpload While Clicking on the Enter key the File upload Dialog is not opened.The focus is on Select Button.The Issue is on RadUpload not in RadAsyncUpload..Please give me some solution.I Was Specified the AccessKey="W" also.but it is not working.

This is my code:

<div class="twocolumn row">
<label>
File *</label>
<div id="MainContents">
<telerik:RadUpload AllowedMimeTypes="xml,application/x-zip" Font-Names="Arial, Helvetica, sans-serif"
Font-Size="14px" ReadOnlyFileInputs="true" EnableViewState="false" InitialFileInputsCount="1"
MaxFileInputsCount="1" ToolTip="Select a valid file to upload" Style="margin-top: -3px;"
OnClientFileSelected="ReferralMgmtValidateUploadedFile" runat="server" ID="RadUpload1" AccessKey="W" DisablePlugins="true" EnableEmbeddedScripts="true"
RegisterWithScriptManager="false" EnableFileInputSkinning="true"
ControlObjectsVisibility="None">
<Localization Select="SELECT"/>
</telerik:RadUpload>
<label id="lbl-upload-error-msg" style="color: Red; width: 100%; text-align: left;
font-weight: normal; margin-bottom: 5px;">
</label>

<script type="text/javascript" language="javascript">
if (isMobileSafari()) {
$('#MainContents').html('Upload functionality is not available for this browser.');
}
</script>

</div>
</div>

General Discussions

answered on 17 Jul 2015

1 answer

318 views

Caching - Force Browser Refresh

Hello,

I have successfully setup Custom CDN and its working perfectly fine. Also, I had enabled IIS Cache settings for browser cache. Everything works fine and browser does cache JS and CSS files just fine.

We are building a product which involves both large internet & intranet users base. We currently use Telerik 2012_1_411 version, but we will update it to latest version time to time. So, after this upgrade we cannot reach out to all internet(intranet is still ok) users to clear their browser cache, which is practically impossible in our case.

Is there a way we can handle this? Enforce users browsers to automatically get refreshed?

I was trying to manipulate the ResolveScriptReference event, by adding a dynamic query string after the name. But it gets replaced internally.

Any solution is really appreciated.

Thanks

Gokul

ScriptManager and StyleSheetManager

answered on 17 Jul 2015

1 answer

109 views

Problem with accessing selected rows on postback

Hi.
I’m working on a legacy system trying to edit an old feature.
I need to access the selected rows from a Radgrid on post back.
I’m using Telerik.Web.UI v4.0.30319
My Grid looks like this:

<telerik:RadGrid runat="server" ID="RadGridResourcesToChange" AllowPaging="True" PageSize="50" AllowSorting="False" Visible="False" AllowMultiRowSelection="True" OnNeedDataSource="RadGridResourcesToChange_NeedDataSource">

<MasterTableView Width="100%" DataKeyNames="Resources">

<Columns>

<Telerik:GridClientSelectColumn UniqueName="ResourceId" />

</Columns>

</MasterTableView>

<ClientSettings>

<Selecting AllowRowSelect="True"></Selecting>

<ClientEvents OnRowSelecting="RowSelecting" />

</ClientSettings>

</telerik:RadGrid>

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

PanelAfterSearch.Visible = false;

}

else

{

RadGridResourcesToChange.Visible = true;

}

protected void Page_Init(object sender, EventArgs e)

{

if (!IsPostBack)

{

}

else

{

SelectedIds = GetSelectedWorkdayIds().ToList();

}

public IEnumerable<Guid> GetSelectedWorkdayIds()

{

List<Guid> ids = new List<Guid>();

//Here is where I'm trying to access the selected rows.

return ids;

}

The user enters search criteria and then on post back I set the grid Visible=true, triggering the needDataSource, binding the result to the grid.
And then my problem occurs, the user can then select rows, and click a button. I would then like to access the selected rows, performing my calculation.
I have tried using:
RadGridResourcesToChange.SelectedItems
RadGridResourcesToChange.MasterTableView.Items
Everything ends up empty on post back.
/ Martin

Grid

answered on 17 Jul 2015