Questions on UI for ASP.NET AJAX Forum

2 answers

131 views

Hi,

My application opens modal dialogs on the client using RadWindowManager. I want to be able to open the dialog with a border or without. I've attached a boiled down example. The main page, Test.aspx, has two buttons for opening either one entirely client side. When you launch Test.aspx, then click "Has Border", you get a modal dialog (containing Test2.aspx) with a Black skin border. If instead, after launching Test.aspx, you click "No Border", you get a modal dialog without a border. Good.

Now here's the issue: Launch Test.aspx, and open a "No Border" dialog, then close it. Now click "Has Border", but you still get a "No Border" dialog. Basically whatever you click the first time, is what you get on all subsequent clicks. The script in Test.aspx is attempting to change the cssClass on the fly, which doesn't seem to work. The goal is to be able to open the page, open and close dialogs with the desired border or not, without having to refresh the page.

What am I not doing? Or is something not working right?

Dave

Test.aspx:

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

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html>

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

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

<title></title>

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

<script type="text/javascript">

function onOpenHasBorder(sender, args) {

args.set_cancel(true);

var mgr = GetRadWindowManager();

mgr.set_cssClass('');

var dlg = mgr.open('Test2.aspx', null);

dlg.set_cssClass('');

}

function onOpenNoBorder(sender, args) {

args.set_cancel(true);

var mgr = GetRadWindowManager();

mgr.set_cssClass('noBorder');

var dlg = mgr.open('Test2.aspx', null);

dlg.set_cssClass('noBorder');

}

</script>

</telerik:RadCodeBlock>

<style type="text/css">

.noBorder .rwCorner .rwTopLeft,

.noBorder .rwTitlebar,

.noBorder .rwCorner .rwTopRight,

.noBorder .rwIcon,

.noBorder table .rwTopLeft,

.noBorder table .rwTopRight,

.noBorder table .rwFooterLeft,

.noBorder table .rwFooterRight,

.noBorder table .rwFooterCenter,

.noBorder table .rwBodyLeft,

.noBorder table .rwBodyRight,

.noBorder table .rwTitlebar,

.noBorder table .rwTopResize,

.noBorder table .rwStatusbar,

.noBorder table .rwStatusbar .rwLoading

{

display: none !important;

background-image: none !important;

}

</style>

</head>

<body>

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

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

<br />

<telerik:RadButton ID="btnHasBorder" runat="server"

Text="Has Border"

OnClientClicking="onOpenHasBorder"

/>

<br />

<telerik:RadButton ID="btnNoBorder" runat="server"

Text="No Border"

OnClientClicking="onOpenNoBorder"

/>

<telerik:RadWindowManager ID="modalWindowMgr" runat="server"

EnableShadow="false"

Behaviors="Close, Move"

DestroyOnClose="true"

VisibleOnPageLoad="false"

Skin="Black"

AutoSize="false"

Width="800px"

Height="580px"

ReloadOnShow="false"

ShowContentDuringLoad="false"

Modal="true"

EnableViewState="false"

VisibleStatusbar="false"

Style="z-index:9000"

/>

</form>

</body>

</html>

Test2.aspx:

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

<%@ Register TagPrefix="STL" TagName="cssConfirmDialog" src="~/css/dialogConfirm.ascx" %>

<!DOCTYPE html>

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

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

<meta charset="utf-8"/>

<title></title>

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

<script type="text/javascript">

function onCloseClicking(sender, args) {

args.set_cancel(true);

window.close();

}

</script>

</telerik:RadCodeBlock>

<style type="text/css">

html,body,form

{

height:100%;

margin:0;

padding:0;

}

</style>

</head>

<body>

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

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

<table style="height:100%; width:100%">

<tr>

<td style="vertical-align:middle; text-align: center;">

<div>

<telerik:RadButton ID="btnOK" runat="server" Text="Close Window"

AutoPostBack="false"

OnClientClicking="onCloseClicking"

/>

</div>

</td>

</tr>

</table>

</form>

</body>

</html>

Window

answered on 31 Mar 2021

1 answer

59 views

Upload to Azure blob storage slow

When uploading large video files, the progress bar goes to 100% and then the control hangs. If I wait long enough, then the FileUploaded event will fire.
After a 700MB was uploaded, it took an additional 8 minutes for the upload to complete. After a 30MB file was uploaded, it took an additional 15 seconds to complete. Reading the files from cloud storage is fast.

Web.config:

<httpRuntime enableVersionHeader="false" targetFramework="4.6" maxRequestLength="1024000" executionTimeout="36000" maxQueryStringLength="4096" />

<telerik:RadCloudUpload runat="server" ID="RadCloudUploadVideo" ProviderType="Azure" RenderMode="Auto" AllowedFileExtensions=".mp4, .webm, .ogv"

Localization-SelectButtonText="Select MP4, WebM, or Ogv file to Upload" HttpHandlerUrl="~/Code/handlerVideoUpload.ashx" OnClientFileUploaded="fileUploaded">

<FileListPanelSettings RenderButtonText="true" />

</telerik:RadCloudUpload>

Any ideas on what is causing this or how to troubleshoot?

CloudUpload

answered on 31 Mar 2021

1 answer

347 views

Set a tr background colour in a ClientTemplate

I have a table inside a ClientTemplate which has a <tr id="trFeeder"> which I want to set the background colour in the OnClientDataBound but I can't work out the syntax - javascript really isn't my forte.

If I use $get then only the first instance of the <tr> is changed.

function OnClientDataBound(sender, args) {
var undefined = void (0)

var gantt = sender._widget;

gantt.element.find(".rgtTask ").each(function (e) {
var dataItem = gantt.dataSource.getByUid($(this).attr("data-uid"));

// this works for the entire control
if (dataItem.shortages_Exist == false) {
this.style.backgroundColor = "#D8FF96";
this.style.color = "#000000";
} else {
this.style.backgroundColor = "#9f9";
this.style.color = "#000000";
}

//can't get the syntax to change the trFeeder in the table/tr
if (dataItem.operation_No != undefined) {
if (dataItem.operation_No != "") {

if (dataItem.setup_On_Feeder == true) {
sender.$get("trFeeder").style.backgroundColor = "#FFFFFF";
//$get("trFeeder").style.backgroundColor = "#FFFFFF";
} else {
sender.$get("trFeeder").style.backgroundColor = "#CCCCCC";
//$get("trFeeder").style.backgroundColor = "#CCCCCC";
}
}
}
this.style.backgroundImage = 'none';
});
}

Gantt

answered on 31 Mar 2021

1 answer

160 views

Window location is not right

Hi,

I have page with few buttons that is used to open window, if the page is at normal position (that is not scrolled down) the window opens nicely in the center position. If the page is scrolled down even for tiny pit the windows open at the bottom of the page and some times at position I have to scroll down to see it.

I have tried the code bellow but it did not work:

var oWnd = radopen('../maps/geoLocationMap.aspx?QID=' + args.get_commandArgument(), "GeoMAPwindow");

oWnd.center();

Regards,

Omar

Window

answered on 30 Mar 2021

5 answers

189 views

RadImageEditor and Click event

Does RadImageEditor support Click event?

What we would like to do, is to collect Zoom level and position after Click event. The reason for this is that we would like to show
ground plan to the user and he could mark location of a problem. Not to draw anything.

ImageEditor

answered on 30 Mar 2021

2 answers

347 views

ASP.Net RadGrid how to add multiple groupby programatically

I would like to add two levels of grouping in my grid.

This seems to work for 1st level of Grouping well, but now I want to add a sublevel similar to dragging a 2nd column up to grouping panel. I have tried several iterations of the Select fields / GroupBy Expressions, but nothing seems to be working. I have not seen a nice example of adding a 2nd level via code.

My 2nd level will be a field called TypeOfDoc. I would like to show the count of documents in that header as well.

GridGroupByExpression expression = new GridGroupByExpression();
// Select Fields
GridGroupByField gridGroupByField = new GridGroupByField();
gridGroupByField.FieldName = "ContentType";
gridGroupByField.HeaderText = "Content Type ";
gridGroupByField.HeaderValueSeparator = ";";
expression.SelectFields.Add(gridGroupByField);

// Adding Count Picking a field not in Group by
gridGroupByField = new GridGroupByField();
gridGroupByField.FieldName = "Title";
gridGroupByField.HeaderText = " ";
gridGroupByField.HeaderValueSeparator = " ";
gridGroupByField.FormatString = "<strong>({0})</strong>";
gridGroupByField.Aggregate = GridAggregateFunction.Count;
expression.SelectFields.Add(gridGroupByField);

// GroupByField

gridGroupByField = new GridGroupByField();
gridGroupByField.FieldName = "ContentType";
gridGroupByField.HeaderText = "ContentType";
expression.GroupByFields.Add(gridGroupByField);
RadGrid1.MasterTableView.GroupByExpressions.Add(expression);

RadGrid1.MasterTableView.GroupsDefaultExpanded = false;

Grid

answered on 30 Mar 2021

1 answer

156 views

How to add IDs to Template in Programmatically Generated RadGrid -VB

Hi

I am trying to replace a Datagrid in a project, I have generated a RadGrid programmatically in the Page_Init as it needs to have a few image links in each row to replicate the functionality that is already in place. The first button is working fine, as it works on a post-back, but im having an issue with replicating the other button, which is a link to a page using an id that is available in one of the other columns.

In the current solution, the below example is how it done on the client side:
DataBinder.Eval(Container, 'DataItem.RecordID', 'ViewRecord.aspx?RecordID={0}')

As im now doing this serverside, how can i replicate the above? My Template currently is using a HyperLink, so I can use the NavigateURL, but im unsure how to get the ID per row and update the template in a programatically generated RadGrid

Any help would be appreciated
Regards
David

Grid

answered on 30 Mar 2021

3 answers

201 views

Modifying thumbnails; including file size as part of thumbnail image text/description

Hello Telerik crew,

I have a requirement where the file size needs to be appended to the file name when viewed in Thumbnails explorer mode.

I noticed that the file size is only available when in Default explorer mode (it has it's own column), but have no way of retrieving it when in Thumbnails mode. The online support doesn't mention creating a custom column/container for Thumbnails mode.

I have a couple of ideas but wanted to see if these are possible;

Option 1). when first visiting the page that the RadFileExplorer is on, do I set explorer mode to Default retrieve the current file list (including the file name & size), store in hidden variable then switch to Thumbnails (programmatically), match on filename then append the file-size when a match is found?

Option 2). in the page load (server size), retrieve the complete file list of current folder, store in hidden variable, then when client side load executes, perform a match on filename then append the file-size when a match is found?

Regards,

Chris

FileExplorer

answered on 30 Mar 2021

1 answer

201 views

Radgrid Edit - System.Format Exception - Input string is not in correct format

We are using version 2011.3.1305.35

We have a radgrid which was in production for the past 10 years.

Last few days, we have been receiving errors when user tried to edit a row. This happens only in chrome and not on firefox. Even on chrome, it does not happen for everyone. For example , me and my colleague have the same version of Chrome browser. It happens regualrly on his browser. I do not get that error.

This issue started in the last 30 days.

Our Chrome version : 89.0.4389.90

Any idea why we are having this issue and how we can fix this?

Thanks in Advance

Grid