Questions on UI for ASP.NET AJAX Forum

1 answer

66 views

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

253 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

104 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

194 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

206 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

58 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

101 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

152 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

1 answer

205 views

radtab formatting css

Hi, I'm using the tabstrip with rendermode="lightweight" and skin="metrotouch" I'm trying to override some css to change some colors;

eg .selectedtab{background:#16a085 !important;}.RadTabStripTop {background:red !important;}

All working fine, except struggling to find what controls the strip below the tabs. See attached dump - blue strip across entire control. Need to change this color.....

Any suggestions please?

TabStrip

answered on 17 Sep 2015

1 answer

118 views

Using rad button and rad dropdown list to link to a sorted radgrid.

Hey, so I'm trying to use a rad dropdown and a rad button that will, when a value is selected, link to a rad grid that is then automatically sorted by the value chosen.

<telerik:RadDropDownList ID="RadDropDownList1" runat="server" DataTextField="Org" DataValueField="Org" DefaultMessage="Org List" DataSourceID="orgDropDown" Skin="Office2010Black"></telerik:RadDropDownList>

<br />