Questions on UI for ASP.NET AJAX Forum

2 answers

60 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

132 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

196 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

80 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

302 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

126 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

237 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

255 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

64 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

137 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