This is a migrated thread and some comments may be shown as answers.

Client-Side Methods?

30 Answers 925 Views

Editor

This is a migrated thread and some comments may be shown as answers.

30 Answers, 1 is accepted

answered on 20 Sep 2007, 11:16 AM

Hi Shaun,

You can easily show the ImageManager or any other *Manager dialog without RadEditor, using the code below:
<div>
<script type="text/javascript">
function ImageManagerFunction(sender, args)
{
  var selectedItem = args.SelectedItem;
  var resultImageObject = args.Result;

  alert("You selected " + selectedItem.GetPath());

  var txt = $get('<%= TextBox1.ClientID %>');
  txt.value = resultImageObject.outerHTML;
}
</script>
<asp:scriptmanager id="ScriptManager1" runat="server" />
<asp:textbox runat="server" id="TextBox1"></asp:textbox>
<telerik:dialogopener runat="server" id="DialogOpener1">
</telerik:dialogopener>
<button onclick="$find('<%= DialogOpener1.ClientID %>').open('ImageManager');">
  Open ImageManager
</button>
</div>

using Telerik.Web.UI;
using Telerik.Web.UI.Editor.DialogControls;

public partial class ImageManager_Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
  FileManagerDialogParameters dialogParameters = new FileManagerDialogParameters();
  dialogParameters.ViewPaths = new string[] { "~/" };
  dialogParameters.UploadPaths = new string[] { "~/" };
  dialogParameters.DeletePaths = new string[] { "~/" };
  dialogParameters.MaxUploadFileSize = 5000000;
  // If you don't set the following property, the default value will be used
  // dialogParameters.SearchPatterns = new string[] { "*.jpg" };

  DialogDefinition imageManager = new DialogDefinition(typeof(ImageManagerDialog), dialogParameters);
  imageManager.ClientCallbackFunction = "ImageManagerFunction";
  imageManager.Width = Unit.Pixel(694);
  imageManager.Height = Unit.Pixel(440);

  DialogOpener1.DialogDefinitions.Add("ImageManager", imageManager);
}
}

Please, note that this is still undocumented functionality and could be a subject for changes, because we are still optimizing the API of the RadEditor dialogs.

Sincerely yours,
Valeri Hristov (Senior Developer, MCSD)
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

answered on 21 Sep 2007, 01:52 PM

The DialogOpener will be a part of RadControls. Most probably we will consider renaming the control to something like RadDialogOpener, but at the moment I cannot tell what will be the final name. It was introduced in RadSpell 3.0 and was improved in RadEditor Prometheus with the intention to become a separate control. Another still undocumented feature is the ability to put a dialog control like ImageManager directly on the page, without the need to open it in a dialog. This is also intended to become a part of the Prometheus package, but currently is under development and is a subject for changes.

Greetings,
Valeri Hristov (Senior Developer, MCSD)
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

answered on 07 Mar 2008, 04:54 PM

I am using the code in this example and have been getting an js error. I've narrowed it down to the following statement

alert("You selected " + selectedItem.GetPath());

It appears that the GetPath method of the selectedItem object does not exist. When I comment out this line, the code works - although I'd like to only have the name of the file returned rather than the image tag. I've looked all over for documentation on these client side objects and I can't find any reference to them. Can you tell me how I can get info on this object so I can get this to work properly. Also, any updates on a new component for just the Dialogs? To me this would be a very useful component! Thanks for your help.

Darren

answered on 18 Apr 2008, 07:40 AM

DocumentManagerStandAlone.zip

Hi guys,

For your convenience, I have attached a sample working project that demonstrates how to use the Document manager of RadEditor for ASP.NET AJAX as a standalone control.

Best regards,
Rumen
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

answered on 25 Apr 2008, 10:57 AM

Hi guys,

Here is an example how to correct the code to work in IE and Firefox:

<script type="text/javascript">
function DocumentManagerFunction(sender, args)
{
var selectedItem = args.SelectedItem;
var resultDocumentObject = args.Result;

alert("You selected " + selectedItem.getPath());

var txt = $get('<%= TextBox1.ClientID %>');

txt.value = resultDocumentObject.pathname;
}
</script>
<asp:textbox runat="server" id="TextBox1"></asp:textbox>
<telerik:dialogopener runat="server" id="DialogOpener1">
</telerik:dialogopener>
<button onclick="$find('<%= DialogOpener1.ClientID %>').open('DocumentManager');return false;">
Open Document Manager
</button>

You need to set return false after the open method in the onclick event of the button tag as well as replace resultDocumentObject.outerHTML with resultDocumentObject.pathname.

Best regards,
Rumen
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

answered on 21 Apr 2009, 11:13 AM

Hello Marcus,

I see your point. Yes, we still have plans to expose the ability to call editor dialogs, and we even wanted to do it for Q1 2009. We did manage to streamline the client-side mechanism for exchanging arguments from dialog to the main page. We also did some work on the RadDialogOpener and exposed it as a public class. However, this effort was not fully completed because the RadFileExplorer control - which is related to the DialogOpener, yet released as an independent control - was with a higher priority.

What needs to be done is to provide declarative support to the RadDialogOpener's DialogDefinitions. I strongly hope that we will manage to squeeze that in for the Q2 2009 as most of the things have alerady been done. However, please note that the priority of this functionality is not as high as with other requested features.

All the best,
Tervel
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

answered on 17 Jun 2009, 09:35 AM

Hi Guys,

I have been having issues getting the stand alone image lib working from fire fox.

I have come to discover that it's being caused by the jquery syntax for getting elements. ($find, $get, etc)

I have recently been working on a site with a rather templated layout which required that i set multiple images from the standlone image library, below is my solution:

////////////// Dialogue Manager + Scripts \\\\\\\\\\\\\\\\\\\\\\

<telerik:dialogopener runat="server" id="DialogOpener1" ></telerik:dialogopener>

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">

var BannerID;

var lblBanner;

//<![CDATA[

function ImageManagerFunction(sender, args) {

var selectedItem = args.get_value();

var Image = document.getElementById(BannerID);

var lbl = document.getElementById(lblBanner);

var path = args.value.getAttribute("src", 2);

path = path.substring(path.lastIndexOf("ImageLibrary/") + 13, path.length);

if ($telerik.isIE) {

alert("dd");

Image.value = "~/ImageLibrary/" + path //this is the selected IMG tag element

lbl.src = "<%= ConfigurationManager.AppSettings["ApplicationURL"].ToString() %>ImageLibrary/" + path;

}

else {

Image.value = "~/ImageLibrary/" + path //this is the selected IMG tag element

lbl.src = "<%= ConfigurationManager.AppSettings["ApplicationURL"].ToString() %>ImageLibrary/" + path

}

function ShowImageLib(field, label) {

BannerID = field;

lblBanner = label;

$find('<%= DialogOpener1.ClientID %>').open('ImageManager', { CssClasses: [] });

return false;

}

function openWin(what, name) {

var oWnd = radopen(what, name);

}

//]]>

</script> </telerik:RadScriptBlock>

////////////////////////////////// Call from page \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

<tr>

<td><b>Banner</b>

</tr>

<tr>

<td style="text-align:right;"><a href="#" onclick="javascript: ShowImageLib('<%= imgPath.ClientID %>', '<%= imgPreview.ClientID %>');">Choose Image</a></td>

</tr>

</table>

Hope this helps anyone who experianced the same issues.

Dane

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Client-Side Methods?

30 Answers, 1 is accepted