Questions on UI for ASP.NET AJAX Forum

3 answers

119 views

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

182 views

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

72 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

267 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

116 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

214 views

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

222 views

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

answered on 17 Sep 2015

3 answers

60 views

Filter inside Rad Telrik grid is not getting populated.

Hi

I have used Radgrid and in that I have enabled filter option using AllowFilteringByColumn="true".

But I am getting no option in filter .

I have used Telerik UI for ASP.NET AJAX Q1 2015 and Bootstrap skin.

I have attached the snap shot for the same.

Can you kindly look into this.

Thanks and Regards,

Ritesh

Grid

answered on 17 Sep 2015

1 answer

113 views

Selector Height too big for item

I have a Toolbar setup in the following manner:

<style

.smallToolBar .rtbOuter {

display: block !important;

}

.smallToolBar .rtbInner {

padding: 0 !important;

}

.smallToolBar .rtbItem {

height: 20px !important;

}

.smallToolBar .rtbIcon {

padding: 0 !important;

}

</style>

<telerik:RadToolBar ID="rtbFuncs" runat="server" EnableRoundedCorners="true" EnableShadows="true" Skin="Windows7" CssClass="smallToolBar"

OnClientButtonClicked="OnClientButtonClicked" AutoPostBack="False" CausesValidation="False">

<Items>

<telerik:RadToolBarSplitButton EnableDefaultButton="false" Text="Functions" Height="20px" Font-Size="9px" ImagePosition="BelowText" CausesValidation="False">

<Buttons>

<telerik:RadToolBarButton Text="Non-Native" Value="bbNonNat" Height="25px" CausesValidation="False">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton IsSeparator="true">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="Show Offload History" Value="bbOffHist" Height="25px" CausesValidation="False">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="Re-Provision" Value="bbReProv" Height="25px" CausesValidation="False">

</telerik:RadToolBarButton>

</Buttons>

</telerik:RadToolBarSplitButton>

</Items>

</telerik:RadToolBar>

I have attached what it looks like. As you can see in the picture the selector is too wide in height for the item. how do I make the highliter smaller?

ToolBar

answered on 17 Sep 2015

1 answer

167 views

Textbox not retaining values during postback in radgrid control

Hi Team,

I am having the editable textbox in the radgrid. I want to modify the values in the textbox and update into the database by click on save button. But during postback the textbox is not retaining the new value.

Regards,

Rajesh

Grid

answered on 17 Sep 2015