Questions on UI for ASP.NET AJAX Forum

1 answer

382 views

How do you start RadDataForm in insert mode on page load

I've seen this question addressed as a part of another thread (http://www.telerik.com/forums/begin-in-edit) but I am not able to make this work. I have a page with a RadDataForm that has an ItemTemplate, and InsertItemTemplate defined. The RadDataForm is connected to a SQLDataSource via the DataSourceID property. I tried using the PreRender event as follows to start the RadDataForm in insert mode:

protected void ResourceDataForm_PreRender(object sender, EventArgs e) {
if (!Page.IsPostBack) {
(sender as RadDataForm).IsItemInserted=true;
(sender as RadDataForm).Rebind();
}

The page loads, but my insert template is not showing. Actually, there is nothing that is showing from the RadDataForm. If I load the page so that a record is displayed in the ItemTemplate, then I can successfully insert a new record using a RadButton that has a CommandName property of "InitInsert".

Any thoughts on what I'm doing wrong ?

Thanks -- Jeff Gaiche

DataForm

answered on 17 Sep 2015

2 answers

73 views

How can I call RadGrid collapse expand item in javascript?

For accessibility purposes, I need to change the collapse expand column to a custom template. How can I trigger that javascript from my own code?

Grid

answered on 17 Sep 2015

3 answers

157 views

Custom predefined sizes in crop dialog

I need to implement a very straightforward (and I believe most common) requirement to limit to a couple the predefined crop sizes in the crop dialog, e.g. 1000x500 and 950x500.

How can we do it? Based your documentation we must:

copy the crop dialog from installation file in separate folder
change the dropdown list in the crop dialog
configure the ImageEditor control to use external dialogs from that folder
use a hack described here http://www.telerik.com/help/aspnet-ajax/imageeditor-custom-crop-settings.html to init the crop box to the first predefined size tin the dropdown
keep using RenderMode="Classic" as the copied dialog is not rendered properly in Lightweight mode
anything missed?

It seems to be too much for such a simple task, isn't it? Same think to resize dialog.

I wonder is there a better/simpler way to accomplish this task which would work in any render mode?

I would really appreciate if the crop/resize dropdown items could be configurable at design time.

Thanks in advance.

ImageEditor

answered on 17 Sep 2015

7 answers

207 views

[Solved] Radbinaryimage in radtilelist

I have all my images in byte[] and I would like to use it in a radtile list , is there an easy way to do this ?, all I see so far is that we need to have to Image URL

please help

TileList

answered on 17 Sep 2015

1 answer

89 views

ImageGallery to ImageEditor

Hello,

I am attempting to load an image in an ImageGallery to an ImageEditor. What I am doing to get the path of the image from the gallery to the editor is -

$(function () {

$('#imageEditor').addClass('hideDisplay').hide();

$('#ctl00_cphPopupContent_RadImageGallery1_ImageArea').click(function () {

if ($('#imageEditor').hasClass('hideDisplay')) {

imageToEdit = $('img').attr('src');

getAjaxManager().ajaxRequest(imageToEdit);

$('#imageEditor').fadeIn(1000).removeClass('hideDisplay').show();

$('#imageGallery').fadeOut(1000).addClass('hideDisplay').hide();

}

else {

$('#imageEditor').addClass('hideDisplay').hide();

$('#imageGallery').removeClass('hideDisplay').fadeIn(1000).show();

}

});

As you can see I am loading it into the editor through an ajax request -

protected void RadAjaxManager_AjaxRequest(object sender, AjaxRequestEventArgs e)

{

RadImageEditor1.ResetChanges();

RadImageEditor1.ImageUrl = e.Argument;

}

It works fine. I can make edits to the image but when it comes time to save it on the server I get this client side error -

Unhandled exception at line 6, column 50445 in
http://localhost:12234/V5/r1/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=;;System.Web.Extensions,
Version=4.0.0.0, Culture=neutral,
PublicKeyToken=31bf3856ad364e35:
en-US:47de63c8-89d4-489c-bfde-4185a11627a3:ea597d4b:b25378d2;
Telerik.Web.UI:
en-US:4f93cdea-660e-49e9-b57d-168c603f1b46:16e4e7cd:f7645509:ed16cbdc:24ee1bba:52af31a4:5fa37e7e:68f76a79:874f8ea2:2a2fc429:
c1602281:56e9f55f:c128760b:a47717cc:567f529f:ddbfcb67:4877f69a:c2527c5e:92fe8ea0:389cfa1c:f46195d3:fa31b949:607498fe:9cdfc6e7:
86526ba7:88144a7a:1e771326:a7e79140:c172ae1e:e330518b:2003d0b8:c8618e41:e4f8f289:1a73651d:333f8d94

0x800a139e - JavaScript runtime error: Sys.ArgumentException: Cannot deserialize empty string.

Parameter name: data

I do have the handlers in place in the Web.config file

And it never reaches the method below -

protected void RadImageEditor1_ImageSaving(object sender, ImageEditorSavingEventArgs e)

{

//Save the image to a custom location

string fullPath = originalFileLocation + @"\" + JobNo;

string fileName = e.FileName;

fullPath = Path.Combine(fullPath, fileName);

Telerik.Web.UI.ImageEditor.EditableImage img = e.Image;

img.Image.Save(fullPath);

e.Cancel = true;

}

Any help would be appreciated.

Thank you

ImageEditor

answered on 17 Sep 2015

3 answers

321 views

Automatically resize image

When the user selects an image and the image editor displays it, I need the editor to automatically re-size the image from what ever default size it was on the users computer to a width of 400 and height of 100.

I tried the following and it did not work... Any suggestions?

//<![CDATA[

function RadImageEditor1_ImageLoad(sender,args)

{

setTimeout(function () {sender.resizeImage(50, 50, true);}, 300);

}

//]]>

ImageEditor

answered on 17 Sep 2015

1 answer

164 views

Templates

Could you explain what is templates for? Any examples?

This online demo http://demos.telerik.com/aspnet-ajax/editor/examples/filemanagers/defaultcs.aspx has not a single template available. There is no any clarification in the documentation http://docs.telerik.com/devtools/aspnet-ajax/controls/editor/functionality/dialogs/file-browser-dialogs/templates

Editor

answered on 17 Sep 2015

13 answers

282 views

[Solved] How to put time labels on TimeSlots?

Hi,

I have a radScheduler at https://mine.hourmine.com/c/pCalendar.aspx?pa=casey (navigate to next week if everything is gray).

Right now I am showing "available" text via a background image in the open time slots. But this is less than ideal. What I want to do is to show the exact time of that slot - like 9:15am, 9:30am on the slot itself and make it look like a button so that it is easier for the end user to know which timeslot are they booking.

I tried to use the following code in RadScheduler1_TimeSlotCreated() event

Label lblStartTime = new Label();
lblStartTime.Text = e.TimeSlot.Start.ToShortTimeString();
lblStartTime.CssClass = "TimeSlotLabel";
e.TimeSlot.Control.Controls.AddAt(4, lblStartTime);

But, I get a run-time exception that e.timeSlot.Control is null.

How can I do this?

Thanks

nitin

Scheduler

answered on 17 Sep 2015

8 answers

290 views

[Solved] Scroll bar for autocompletebox

Hello,

I am trying to set the scrollbar for autocompletebox in token mode. Since my entries are quite a lot, it expended until I cannot see the rest of the entries. I want to make a scrollbar so that it is easier for user to see all the entries. I tried setting height of the control but it is also not working. I tried searching for it but I found only dropdown scrollbar not the scrollbar for autcompletebox itself. How can I achieve this?

Thank you.
Best regards,
Ei Wai

AutoCompleteBox