Questions on UI for ASP.NET AJAX Forum

2 answers

109 views

I have a sharepoint 2007 controltemplate and have created a rotator which works fine as long as it is in the page when I put it in a .js file I can reference the controls but not set the properties. it always returns an error. I have tried several different ways and some things work and some do not. Any help appreciated...I basically took the script attached and removed the script reference and called it rotator.js

Rotator

answered on 09 May 2012

1 answer

90 views

Icon Issue on Hierarchy Grid

I copied your demo "Grid /Update/Insert/Delete In Hierarchy" aspx and vb code into a solution I created for using a custom skin. I have an aspx page with a number of your controls so I can see how they will look with my custom skin DLL. What I am seeing with this multi-level grid is the icons don't always show up. Sometimes all I get is the empty box with an "X" and the text default for the icon. This not only happens with my custom skin but with the canned skins from Telerik. I may have to do several screen refreshes to get the icons to show. I can't figure out what is causing this to happen. If you want my solution, let me know and I will open a support ticket so I can send you a zip file.

Grid

answered on 09 May 2012

3 answers

208 views

how to get a video thumbnail using RadAsyncUpload ?

hi

i have a RadAsyncUpload which enables users to upload videos, i need to get thumbnails for each uploaded video, any help ?

AsyncUpload

answered on 09 May 2012

3 answers

94 views

RedEditor Underline not wrking in ie9

Hi,

RedEditor Underline not wrking in ie9,button is disabled ,not able to underline the text.
Please replyASAP,it's urgent

Regards
Ajay

WebParts for SharePoint

answered on 09 May 2012

2 answers

94 views

RadNumeric Textbox

How To restrict RadNumericTextbox DecimalSeparator=". , "
I restrict both of then

Thanks Advance,
Mohamed.

Grid

answered on 09 May 2012

4 answers

106 views

How to fire EditCommand event in hierarchichal grid

Hi

I am using a hierarchical grid to show parent child data, when I update the parent record it is easy to use code behind running on the EditCommand event to grab some values for inserting back in to the record on update and it works well.

However I cant work out how to make the EditCommand event to fire in the child grid? I assume that as the DetailTables use another GridView to show the data that it would have access to the same events but I dont know how to access that event in my aspx.vb code

Thx for any advice you can give

Kind regards

Dwight

Grid

answered on 09 May 2012

1 answer

170 views

Urgent questions about OnClientValidationFailed event

Hi Telerik,

Below is my code. Before I add OnclientvalidationFailed event and specify MaxFileSize, everything works fine. However, after I added this event, the code in my onclientfileuploaded does not function well.

What happened was -
(1), (3), (5) are still on the list, while I am expecting only (1), (3) on the list.

Steps to reproduce an error -
(1) upload a good file - e.g. Doc1
(2) upload a file which is more than 2 mb
(3) upload a different good file - e.g. doc2
(4) upload a too large file
(5) upload (1)'s file

This is very urget. Please kindly help.

Thanks!

Joan

HTML -

<

div id="uploadDiv" class="uploadDiv">

<telerik:radasyncupload id="inputFile" runat="server" temporaryfileexpiration="02:00:00" MaxFileSize="2097152"

allowedfileextensions="gif,png,jpg,jpeg,bmp,pdf,doc,docx,csv,xls,xlsx,xlt,txt,rtf,msg,ppt,pptx,msi"

onclientfileselected="OnFileSelected" onclientfilesuploaded="OnFilesUploaded"

onclientprogressupdating="OnProgressUpdating" onclientfileuploaded="OnFileUploaded"

onclientfileuploadremoved="OnFileUploadRemoved" OnClientValidationFailed="OnClientValidationFailed"

OnClientFileUploadFailed="OnFileUploadFailed"

>

Javascript -

<

script type="text/javascript">

var MAX_TOTAL_BYTES = 2097152;

var filesSize = new Array();

var OVERSIZE_MESSAGE = "Maximum total upload size is 2MB";

var isDuplicateFile = false;

var fileCount = 0;

var uploadingFiles =[];

var uploadsInProgress = 0; //add new code - start

function OnFileSelected(sender, args) {

for (var fileindex in sender._uploadedFiles) {

if (sender._uploadedFiles[fileindex].fileInfo.FileName == args.get_fileName()) {

isDuplicateFile =

true;

}

//add new code - start

if (!uploadsInProgress) {

}

uploadsInProgress++;

//add new code - end

}

function OnFilesUploaded(sender, args) {

if (sender._uploadedFiles.length == 0) {

filesSize =

new Array();

//add new code - start

uploadsInProgress = 0;

//add new code - end

}

//add new code - start

if (uploadsInProgress > 0) {

DecrementUploadsInProgress();

}

//add new code - end

}

function OnProgressUpdating(sender, args) {

filesSize[args.get_data().fileName] = args.get_data().fileSize;

}

function OnFileUploaded(sender, args) {

/*original code

var totalBytes = 0;

var numberOfFiles = sender._uploadedFiles.length;

if (isDuplicateFile) {

sender.deleteFileInputAt(numberOfFiles - 1);

isDuplicateFile = false;

sender.updateClientState();

if (args.get_fileName() != null)

{ alert(args.get_fileName() + ' ' + 'already exists.'); }

else

{ alert('File already exists.'); }

return;

}

for (var index in filesSize) {

totalBytes += filesSize[index];

}

if (totalBytes > MAX_TOTAL_BYTES) {

sender.deleteFileInputAt(numberOfFiles - 1);

sender.updateClientState();

alert(OVERSIZE_MESSAGE);

}

*/

//sender.set_enabled(true);

var totalBytes = 0;

var wrongfileIndex = null;

var numberOfFiles = sender._uploadedFiles.length;

var deletedFileName = null;

if (isDuplicateFile) {

//replace with the following

var col = sender.getUploadedFiles();

for (var fileindex in sender.getUploadedFiles()) {

if (col[fileindex] == args.get_fileName()) {

wrongfileIndex = fileindex;

if (wrongfileIndex != null) {

if (deletedFileName == null) {

deletedFileName = args.get_fileName();

sender.deleteFileInputAt(wrongfileIndex);

}

else {

if (deletedFileName == args.get_fileName()) {

deletedFileName=

null;

}

isDuplicateFile =

false;

sender.updateClientState();

if (args.get_fileName() != null)

{ alert(args.get_fileName() +

' ' + 'already exists.'); }

else

{ alert(

'File already exists.'); }

col = sender.getUploadedFiles();

return;

}

for (var index in sender._uploadedFiles) {

totalBytes += sender._uploadedFiles[index].fileInfo.ContentLength;

}

if (totalBytes > MAX_TOTAL_BYTES) {

//sender.deleteFileInputAt(numberOfFiles - 1);

//replace with the following

var col = sender.getUploadedFiles();

for (var fileindex in sender.getUploadedFiles()) {

if (col[fileindex] == args.get_fileName()) {

wrongfileIndex = fileindex;

if (wrongfileIndex != null) {

sender.deleteFileInputAt(wrongfileIndex);

}

col = sender.getUploadedFiles();

sender.updateClientState();

col = sender.getUploadedFiles();

alert(OVERSIZE_MESSAGE);

}

function OnFileUploadRemoved(sender, args) {

if (args.get_fileName() != null) {

if (!isDuplicateFile) {

delete filesSize[args.get_fileName()];

}

}

function OnFileUploadFailed(sender, args) {

DecrementUploadsInProgress();

}

function ConfigureSuccessfullyUploadedMessage(docName) {

$ = $telerik.$;

var attPanel = $(".info-panel");

var divs = attPanel[0].all;

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

var element = divs[i];

if (element.innerText == docName) {

element.style.display =

"none";

if (fileCount > 0) {

fileCount = fileCount - 1;

}

function OnClientFileUploading(sender, args) {

/*$telerik.$(".ruCancel").bind('click', function (e) {

$telerik.$(this).parent().remove();

});*/

}

function OnClientValidationFailed(sender, eventArgs) {

/*original code

alert('Wrong file type: ' + eventArgs.get_fileName());

$telerik.$(eventArgs.get_row()).css("display", "none");

*/

//check if validation fails because of wrong extenstion

if(!checkFileExt(eventArgs.get_fileName()))

{

alert(

'Wrong file type: ' + eventArgs.get_fileName());

}

else

{

alert(OVERSIZE_MESSAGE +

'. ' + eventArgs.get_fileName() + ' is too large.');

}

$telerik.$(eventArgs.get_row()).css(

"display", "none");

}

function checkFileExt(elem) {

var filePath = elem;

if (filePath.indexOf('.') == -1)

return false;

var validExtensions = new Array();

var ext = filePath.substring(filePath.lastIndexOf('.') + 1).toLowerCase();

validExtensions[0] =

'gif';

validExtensions[1] =

'png';

validExtensions[2] =

'jpg';

validExtensions[3] =

'jpeg';

validExtensions[4] =

'bmp';

validExtensions[5] =

'pdf';

validExtensions[6] =

'doc';

validExtensions[7] =

'docx';

validExtensions[8] =

'csv';

validExtensions[9] =

'xls';

validExtensions[10] =

'xlsx';

validExtensions[11] =

'xlt';

validExtensions[12] =

'txt';

validExtensions[13] =

'rtf';

validExtensions[14] =

'msg';

validExtensions[15] =

'ppt';

validExtensions[16] =

'pptx';

validExtensions[16] =

'msi';

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

if (ext == validExtensions[i])

return true;

}

return false;

}

//add new code - start

function DecrementUploadsInProgress() {

uploadsInProgress--;

if (!uploadsInProgress) {

$telerik.$(

".ruBrowse").removeAttr("disabled");

$telerik.$(

".ruFakeInput").removeAttr("disabled");

}

//add new code - end

function OnClientAdded(sender, args) {

alert(

'Added');

}

//occurs when file commence uploading

function OnClientFileUploading(sender, eventArgs) {

//cancel the upload

//eventArgs.set_cancel(true);//not working

alert(

'no duplicate file: ' + args.get_fileName());

//hide the uploading item

$telerik.$(eventArgs.get_row()).css(

"display", "none");

//check if uploading files contain the new updating file

var _containDuplicateFile = false;

if (uploadingFiles != null && uploadingFiles.length > 0) {

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

if (uploadingFiles[i] == args.get_fileName()) {

_containDuplicateFile =

true;

break;

}

if (_containDuplicateFile) {

//cancel the upload

args.set_cancel(

true);

alert(

'no duplicate file: ' + args.get_fileName());

//hide the uploading item

$telerik.$(args.get_row()).css(

"display", "none");

}

else if (!_containDuplicateFile) {

uploadingFiles[args.get_fileName()] = args.get_fileName();

}

</script>

AsyncUpload

answered on 09 May 2012

6 answers

128 views

Image Manager Issue With Latest Build

Since updating to your guys latest dll's we appear to have a problem with the Image Manager within the RadEditor.

The image manager has a created date field built into it and this now appears to fall over since the last updates.

The following code is what is being implemented:

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

_RadFileExplorer = CType(Me.FindRadControl(Me.Page), Telerik.Web.UI.RadFileExplorer)

If Not _RadFileExplorer Is Nothing Then

_RadFileExplorer.Configuration.ContentProviderTypeName = GetType(CustomColumnsContentProvider).AssemblyQualifiedName

AddHandler _RadFileExplorer.ExplorerPopulated, AddressOf RadFileExplorer_ExplorerPopulated

End If

'Add the created date column

AddGridColumn("Creation Date", "Created", True)

Dim splitter As RadSplitter = _RadFileExplorer.FindControl("splitter")

End Sub





Private Sub AddGridColumn(ByVal name As String, ByVal uniqueName As String, ByVal sortable As Boolean)

        'remove first if grid has a column with that name

            RemoveGridColumn(uniqueName)

            ' Add a new column with the specified name

            Dim gridTemplateColumn1 As New GridTemplateColumn()

            gridTemplateColumn1.HeaderText = name

            If sortable Then

                gridTemplateColumn1.SortExpression = uniqueName

            End If

            gridTemplateColumn1.UniqueName = uniqueName

            gridTemplateColumn1.DataField = uniqueName





            _RadFileExplorer.Grid.Columns.Add(gridTemplateColumn1)

    End Sub





    Private Sub RemoveGridColumn(ByVal uniqueName As String)

        If Not [Object].Equals(_RadFileExplorer.Grid.Columns.FindByUniqueNameSafe(uniqueName), Nothing) Then

            _RadFileExplorer.Grid.Columns.Remove(_RadFileExplorer.Grid.Columns.FindByUniqueNameSafe(uniqueName))

        End If

    End Sub

On both the .remove and .add of the grid column we are getting object reference errors. Are you guys aware of any issues or anything that may have changed surrounding this since the latest updates.

Thanks.

Editor

answered on 09 May 2012

1 answer

81 views

DatePicker reverts to US date format

using IE if i enter an invalid date the field highlights red and shows the ! icon - al ok so far.

If I then go back to the field and press escape twice the original date loaded is restored - the problem is that the date restored is shown in US format, i.e. month swapped with day.

How can I workaround this?

Calendar

answered on 09 May 2012

3 answers

115 views

DetailTable issue

Hi.,
I want to find the button ids(btnBookNP & btnClear)(I have written the code in bold below). Plz suggest me a solution
<telerik:RadGrid ID="dgridMain" runat="server" AutoGenerateColumns="False" AllowPaging="True"
CellPadding="1" CellSpacing="1" GridLines="None" DataKeyNames="ZoneId" PageSize='<%$ appSettings:RowSize %>'
OnNeedDataSource="dgridMain_NeedDataSource" OnDetailTableDataBind="dgridMain_DetailTableDataBind"
OnPreRender="RadGrid1_PreRender" AllowMultiRowSelection="True" OnItemCommand="dgridMain_ItemCommand"
Skin="Telerik" OnItemDataBound="dgridMain_DataBound">
<MasterTableView DataKeyNames="ZoneId" ExpandCollapseColumn-ButtonType="SpriteButton"
AllowMultiColumnSorting="True" ExpandCollapseColumn-Display="true">
<CommandItemSettings ShowExportToExcelButton="true" ShowExportToCsvButton="true"
ShowExportToPdfButton="true" ShowRefreshButton="true" ShowAddNewRecordButton="false" />
<DetailTables>
<telerik:GridTableView Name="NewsPaper" DataKeyNames="NewsPaperId" runat="server"
ExpandCollapseColumn-Display="true">
<DetailTables>
<telerik:GridTableView Name="Page" runat="server" DataKeyNames="Page" GridLines="None"
Skin="Black">
<CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>
<Columns>
<telerik:GridBoundColumn FilterControlAltText="Filter Page column" HeaderText="Page No"
SortExpression="Page" DataField="Page" UniqueName="Page" HeaderStyle-Font-Bold="true">
<HeaderStyle Font-Bold="True"></HeaderStyle>
</telerik:GridBoundColumn>
</Columns>
<NestedViewSettings>
<ParentTableRelation>
<telerik:GridRelationFields DetailKeyField="Page" MasterKeyField="Page" />
</ParentTableRelation>
</NestedViewSettings>
<NestedViewTemplate>
<asp:Panel ID="NestedViewPanel" runat="server">
<div>
<fieldset style="margin: 10px">
<legend style="padding: 5px;" class="legend"><b>Newspaper Advertisement Setting: 
  </legend>
<table width="100%" cellpadding="1" cellspacing="1" style="float: left; margin-left: 1px">
<tr>
<td valign="top" style="width: 300px;">
<table>
<tr>
<td valign="top" style="text-align: left; padding: 2px; width: 100px;">
<b>Description </b>
<asp:HiddenField ID="hfPreSelectAmt" runat="server" />
</td>
<td valign="top" style="text-align: left; padding: 2px;">
<asp:HiddenField ID="hfAdvertisementID" runat="server" Value='<%#Bind("AdvertisementId") %>' />
<asp:HiddenField ID="HiddenField1" runat="server" Value='<%#Bind("StatusId") %>' />
<asp:HiddenField ID="hfPageNo" runat="server" Value='<%#Bind("Page") %>' />
<asp:HiddenField ID="hfNewspaperID" runat="server" Value='<%#Bind("NewsPaperId") %>' />
<asp:HiddenField ID="hfOrientation" runat="server" Value='<%#Bind("Orientation") %>' />
<asp:Label ID="lblDescription" Text='<%#Bind("Description") %>' runat="server"></asp:Label>
<asp:HiddenField ID="hfOfflineAdvId" runat="server" />
<%-- Value='<%# Eval("OfflineAdvId") %>' --%>
</td>
</tr>
<tr>
<td valign="top" style="text-align: left; padding: 2px; width: 100px;">
<b>ColumnNo </b>
</td>
<td valign="top" style="text-align: left; padding: 2px;">
<asp:Label ID="lblColumnNo" Text='<%#Bind("ColumnNo") %>' runat="server"></asp:Label>
</td>
</tr>
<tr>
<td valign="top" style="text-align: left; padding: 2px; width: 100px;">
<b>Deadline Days </b>
</td>
<td valign="top" style="text-align: left; padding: 2px;">
<asp:Label ID="lblDeadLineHrs" Text='<%#Bind("DeadlineHours") %>' runat="server"></asp:Label>
</td>
</tr>
</table>
</td>
<td valign="top">
<table>
<tr>
<td valign="top" style="text-align: left; padding: 2px; width: 100px;">
<b>Orientation </b>
</td>
<td valign="top" style="text-align: left; padding: 2px;">
<asp:Label ID="lblOrientation" Text='<%#Bind("Orientation") %>' runat="server"></asp:Label>
</td>
</tr>
<tr>
<td valign="top" style="text-align: left; padding: 2px; width: 100px;">
<b>Prices </b>
</td>
<td valign="top" style="text-align: left; padding: 2px;">
<asp:Label ID="lblCost" Text='<%#Bind("Cost") %>' runat="server"></asp:Label>
</td>
</tr>
<tr>
<td valign="top" style="text-align: left; padding: 2px; width: 100px;">
<strong>Total Amount</strong>
</td>
<td valign="top" style="text-align: left; padding: 2px;">
<asp:Label ID="lblTotalAmt" runat="server"></asp:Label>
</td>
</tr>
</table>
</td>
</tr>
</table>
</fieldset>
</div>
<div>
<fieldset style="margin: 10px">
<legend style="padding: 5px;" class="legend"><b>Select Offline Advertisement Published
Dates:    </legend>
<table width="100%" cellpadding="1" cellspacing="1" style="float: left; margin-left: 1px">
<tr>
<td valign="top">
<div>
<telerik:RadAjaxPanel ID="RadAjaxPanel2" runat="server" LoadingPanelID="RadAjaxLoadingPanel1">
<telerik:RadCalendar ID="RadCalForAdvt" runat="server" MultiViewColumns="5" MultiViewRows="2"
EnableMultiSelect="true" ShowOtherMonthsDays="false" EnableNavigation="false"
OnDataBinding="RadCalForAdvt_DataBind" ShowRowHeaders="false" AutoPostBack="false"
EnableMonthYearFastNavigation="false">
<ClientEvents OnDateSelected="DateSelected" />
</telerik:RadCalendar>
</telerik:RadAjaxPanel>
</div>
</td>
</tr>
<tr>
<td>
<div style="float: right;">
<telerik:RadButton ID="btnBookNP" runat="server" CommandArgument="BookDates" Text="Book"
Skin="Black">
</telerik:RadButton>
<telerik:RadButton ID="btnClear" runat="server" CommandArgument="Clear" Text="Clear"
Skin="Black">
</telerik:RadButton>
<asp:Label ID="ShowDates" runat="server" Visible="false"></asp:Label>
</div>
</td>
</tr>
</table>
</fieldset>
</div>
</asp:Panel>
</NestedViewTemplate>
<CommandItemSettings RefreshText="Refresh"></CommandItemSettings>
</telerik:GridTableView>
</DetailTables>
<CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>
<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">
</RowIndicatorColumn>
<ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">
</ExpandCollapseColumn>
<Columns>
<telerik:GridBoundColumn DataField="NewsPaperName" FilterControlAltText="Filter NewsPaper column"
HeaderText="NewsPaper" SortExpression="NewsPaper" UniqueName="NewsPaper" HeaderStyle-Font-Bold="true">
<HeaderStyle Font-Bold="True"></HeaderStyle>
</telerik:GridBoundColumn>
</Columns>
</telerik:GridTableView>
</DetailTables>
<CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>
<Columns>
<telerik:GridBoundColumn DataField="Zone" FilterControlAltText="Filter Zone column"
HeaderText="Zones" SortExpression="Zone" UniqueName="Zone">
<HeaderStyle Font-Bold="True"></HeaderStyle>
</telerik:GridBoundColumn>
</Columns>
</MasterTableView>
<FilterMenu EnableImageSprites="False">
</FilterMenu>
<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">
</HeaderContextMenu>
</telerik:RadGrid>

Regards,
Aditya

Grid

answered on 09 May 2012