Questions on UI for ASP.NET AJAX Forum

3 answers

94 views

How can I get the OrgChart - WCF Service example?

Hello,

where can I find a working example of OrgChart - WCF Service demo to download?
At the web site there are all the source code files provied, but I colund't find web.config.
I reproduced the example on my computer, but the request to OrgChartNodeDataService.svc/LoadData always ends up with error 400 (Bad Request)
I think I missed something in web.config. So I would better examine this working example a VS project on my computer if possible.

Thanks.

OrgChart

answered on 13 Feb 2014

2 answers

156 views

[Solved] Wide Grid

I have a user configurable radgrid... and there are about 30 columns... When the grid renders, you are able to scroll over and see all the columns, but after the width of the screen, the border of the grid ends... and the rest of the columns are to the right of it, outside the border..

Here is a link to a screen shot of this:
http://img.skitch.com/20090721-cr1a1xi9b74habmtdg27wn7jyw.jpg

Since there are multiple views and the user is able to configure them.. the grid can be anywhere between 1-30 columns.. So I cannot set the width of the grid as it changes.

How to have the grid render correctly is my goal here.

Thanks

Jeff

Grid

answered on 13 Feb 2014

4 answers

215 views

RadDropDownList not expanding in Internet Explorer 10 and below

Hi,
I recently upgraded some controls on an aspx page from <asp:DropDownList> to <telerik:RadDropDownList>. I am running a .NET 4.5 website and am referencing the 2013.3.1114.45 version of the Telerik dlls.

When I test out the new DropDownLists using Internet Explorer 11 the dropdownlists expand as expected when I navigate to the page from a browser that is not on the computer hosting the website. However, when I use an older version of Internet Explorer (I have used IE10, and IE8) OR when I use Internet Explorer 11 on the computer that is hosting th website, the dropdownlists don't expand. When clicked, they produce a grey line under the dropdown list, but don't actually expand.

I am binding the dropdown lists in the codebehind as follows:

ddlDF.Items.Clear()

ddlDF.DataValueField = "Value"

ddlDF.DataSource = AppShared.GetDF()

ddlDF.DataBind()

'The Signature of the GetDF function is

Shared Function GetDF() As ListItem()

This seems like it must be a pretty basic problem as I'm sure others have used the DropDownList successfully with the 2013.3.1114.45 version of the Telerik dlls in older browsers and browsers on the host machine.

I am attaching screenshots of the dropdownlists when they produce the grey line under them instead of expanding.

Please let me know if you can reproduce this problem or have seen it before

Thomas

DropDownList

answered on 13 Feb 2014

3 answers

84 views

delete a post

Hello

I want to know how I can delete the image attached in a forum post.
Thanks

Ajax

answered on 13 Feb 2014

1 answer

139 views

ClientState hidden input, iOS 7

On the tab strip (I believe - I'm new to telerik controls), there is a hidden input that stores client-side data - the selected index and a 'changeLog'. In IE10, it works just fine. However, on the iPad with iOS7, that hidden element is SELECTABLE. If the user happens to tap the area where that hidden input is, the keyboard pops up and the user has the option of copy the contents of the input.
Is there a way to move that input somewhere else - off screen for example?

We are not using a specific site for mobile devices.

TabStrip

answered on 13 Feb 2014

1 answer

89 views

Error Using Editor

hi
i use Editor in my Pages and get the error 'Control with type 'Telerik.Web.UI.RadEditor' cannot be handled by layout'
is there some one to help me to Resolve this problem???

Editor

answered on 13 Feb 2014

2 answers

46 views

Pager like pages 1 to 10 of 1

Hi
i want to display the pager like pages 1 to 10 of 1. How ?

Grid

answered on 13 Feb 2014

4 answers

186 views

Help With "Object Reference Not Set"

Okay, if I dynamically created a RadAjaxManager in a page's code-behind everything works fine. I followed the same technique as: http://www.telerik.com/community/forums/aspnet-ajax/ajax/nullreferenceexception-in-radajaxmanager-ajaxsettings-addajaxsetting.aspx

Then, I wanted to dynamically create the RadAjaxManager in a server control. So I added:

    
                    #region private properties  
        
                    private RadAjaxManager _radAjaxManager = null; 
        
                    #endregion  
        
                    protected override void OnInit(EventArgs e)  
        
                    {  
        
                        RadScriptManager scriptManager = new RadScriptManager();   
        
                        Controls.Add(scriptManager);  
        
                        RadAjaxManager radAjaxManager = new RadAjaxManager();  
        
                        radAjaxManager.ID = "radAjaxManager";  
        
                        _radAjaxManager = radAjaxManager;  
        
                        Controls.Add(radAjaxManager);  
        
                        base.OnInit(e);   
        
                        scriptManager.Scripts.Add(new ScriptReference("Elevate.UI.Scripts.Search.js", "Elevate"));  
        
                    }  
        
                    protected override void CreateChildControls()  
        
                    {  
        
                        RadAjaxLoadingPanel radAjaxLoadingPanel = new RadAjaxLoadingPanel();  
        
                        radAjaxLoadingPanel.ID = "ajaxLoadingPanel";  
        
                        radAjaxLoadingPanel.Skin = "Default";  
        
                        Controls.Add(radAjaxLoadingPanel);  
        
                        /* Child Controls Creation */ 
        
                        _radAjaxManager.AjaxSettings.AddAjaxSetting(button1, simplePanel, radAjaxLoadingPanel);  
        
                        _radAjaxManager.AjaxSettings.AddAjaxSetting(linkButton1, simplePanel, radAjaxLoadingPanel);  
        
                        _radAjaxManager.AjaxSettings.AddAjaxSetting(lbMLS, simplePanel, radAjaxLoadingPanel);  
        
                    }

As you can imagine, I get the dreaded NullReferenceException.

Obviously, I don't want to require the end-user to add a RadAjaxManager to the page manually or in the parent page's OnInit. I want the control to be self-contained (i.e. adding the RadAjaxManager only when needed for the control).

How do I do this?

Thanks,
Joshua

Ajax

answered on 13 Feb 2014

2 answers

132 views

Navigator on ColumnSeries

Hi

When attempting to add a Navigator to a chart with two stacked Column series, the Area series in the Navigator looks to have the correct values in it, but no Range Selector is visible. Using the mouse scroll wheel when hovering over the Area series appears to change the range of the main chart, but still no Range Selector is visible.

Are there any known issues using Navigator with Column series rather than Candlestick?

Regards
Jamie

Chart (Obsolete)

answered on 13 Feb 2014

1 answer

249 views

Saving a cropped image

Hi,

I'm trying to save a cropped image, it seems to crop in the browser, but when I try to save that image, it saves the original.... I've tried to the the apply changes method, or calling editImageOnServer, but I'm not getting anywhere. It seems that if I just call the saveImageOnServer method in my javascript, it calls the image load function again, and reloads the original image, which means that when the ImageSaving function is called, it also uses the original image.

Help!!!! I've put some of my code snippets below - I can't see a way to get to save the changes to the image, or to pass the arguments into the ImageEditing function on the server, which never seems to get called

<asp:Content ID="Content2" ContentPlaceHolderID="Content" runat="server">

<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />

<div style="margin-bottom: 25px;">

<asp:Label ID="lblError" runat="server" EnableViewState="false" Style="color: Red; font-size: 16px;" /><br />

</div>

<telerik:RadScriptBlock runat="server">

<script type="text/javascript">

function OnClientFilesUploaded(sender, args) {

$find('<%= RadAjaxManager1.ClientID %>').ajaxRequest();

}

</script>

</telerik:RadScriptBlock>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" EnablePageHeadUpdate="false">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadImageEditor1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<div id="dwndWrapper">

<telerik:RadAsyncUpload ID="AsyncUpload1" runat="server"

OnClientFilesUploaded="OnClientFilesUploaded" OnFileUploaded="AsyncUpload1_FileUploaded"

MaxFileSize="2097152" AllowedFileExtensions="jpg,png,gif,bmp"

AutoAddFileInputs="false" Localization-Select="Upload Image" />

<asp:Label ID="Label1" Text="*Size limit: 2MB" runat="server" Style="font-size: 10px;"></asp:Label>

</div>

<telerik:RadImageEditor ID="RadImageEditor1" runat="server" OnImageLoading="RadImageEditor1_ImageLoading"

Width="300px" Height="300px" ExternalDialogsPath="~/user" ToolsFile="~/user/tools.xml"

OnImageSaving="RadImageEditor1_ImageSaving"

OnClientCommandExecuting="modifyCommand" CanvasMode="No">

</telerik:RadImageEditor>

</asp:Content

<asp:Content ID="Content3" ContentPlaceHolderID="Scripts" runat="server">

<telerik:RadCodeBlock ID="codeblock1" runat="server">

<script type="text/javascript">

function modifyCommand(imageEditor, args) {

if (args.get_commandName() == "Crop") {

waitForCommand(imageEditor, args.get_commandName(), function (widget) {

var width = 149;

var height = 170;

var ratio = width / height;

//stop the aspect ratio constraint

//widget._constraintBtn.set_checked(false);

//widget._setCropBoxRatio(null);

//widget._sizeRatio = null;

widget._setCropBoxRatio(ratio);

widget._sizeRatio = ratio;

widget.set_width(width);

widget.set_height(height);

widget._constraintBtn.set_enabled(false);

widget._updateCropBoxFromControls();

});

}

if (args.get_commandName() == "Save") {

//doesn't work

setTimeout(function () {

$find("<%=RadImageEditor1.ClientID %>").applyChangesOnServer();

}, 300) ;

var filename = imageEditor.getEditableImage();.

//gives error about being unable to deserialize an empty string

imageEditor.editImageOnServer("Crop", "Crop", "Crop", callbackFunction);

imageEditor.saveImageOnServer(filename, true);

imageEditor.setToggleState('Save', false);

args.set_cancel(true);

}

function callbackFunction(clientData, serverData) {

var imgEditor = $find("<%=RadImageEditor1.ClientID %>");

imgEditor.getEditableImage()._finishReset();

}

'always called, always loads original image

Protected Sub RadImageEditor1_ImageLoading(sender As Object, args As ImageEditorLoadingEventArgs)

' Handle Uploaded images

If Not [Object].Equals(Context.Cache.[Get](Session.SessionID + "UploadedFile"), Nothing) Then

Using image As New EditableImage(DirectCast(Context.Cache.[Get](Session.SessionID + "UploadedFile"), MemoryStream))

args.Image = image.Clone()

args.Cancel = True

End Using

End If

End Sub

'saves original image, not cropped one seen on screen

Protected Sub RadImageEditor1_ImageSaving(sender As Object, args As Telerik.Web.UI.ImageEditorSavingEventArgs)

'Save the image to a custom location

Dim fullPath As String = Server.MapPath("~/temp")

Dim fileName As String = String.Format("test-{0}.jpg", DateTime.Now.ToString("yyyyMMdd-hhmmss"))

fullPath = Path.Combine(fullPath, fileName)

Dim img As Telerik.Web.UI.ImageEditor.EditableImage = args.Image

Try

img.Image.Save(fullPath)

'lblError.Text = "File Saved";

args.Argument = [String].Format("The image is saved under the name: <strong>{0}</strong>.", fileName)

args.Cancel = True

Catch ex As Exception

args.Argument = ex.Message

End Try

End Sub

'never called

Protected Sub RadImageEditor1_ImageEditing(sender As Object, args As ImageEditorEditingEventArgs)

args.Cancel = True

End Sub

ImageEditor

answered on 13 Feb 2014