protected void Page_Load(object sender, EventArgs e)

{

}

protected void RadComboBox1_ItemsRequested(object o, Telerik.Web.UI.RadComboBoxItemsRequestedEventArgs e)

{

DataTable dt = FetchMatchingCountries(e.Text);

RadComboBox combo = (RadComboBox)o;

combo.Items.Clear();

foreach (DataRow row in dt.Rows)

{

RadComboBoxItem item = new RadComboBoxItem(

row[

"Country"].ToString().ToLower());

item.Value = row[

"Code"].ToString();

combo.Items.Add(item);

}

}

private DataTable FetchMatchingCountries(string partialName)

{

string mdbPath = Server.MapPath("~/App_Data/Combobox.mdb");

OleDbConnection dbCon = new OleDbConnection(

"Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" + mdbPath);

dbCon.Open();

string sql = "SELECT * from CountryCodes WHERE Country LIKE '" +

partialName.Replace(

"'", "''") + "%'";

OleDbDataAdapter adapter = new OleDbDataAdapter(sql, dbCon);

DataTable dt = new DataTable();

adapter.Fill(dt);

dbCon.Close();

return dt;

}

}

----------------------------------------------------------

<%

@ Page Language="C#" AutoEventWireup="true" CodeFile="CountryStreamer.aspx.cs" Inherits="CountryStreamer" %>

<%

@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

head runat="server"><title>Untitled Page</title></head>

<

body><form id="form1" runat="server"><div>

Start typing a Country Name:

<telerik:RadComboBox ID="RadComboBox1" runat="server"

AllowCustomText="True" EnableLoadOnDemand="True"

MarkFirstMatch="True" HighlightTemplatedItems="True"

ItemRequestTimeout="200" Width="150px"

OnClientItemsRequesting="RadComboBox1_ItemsRequested">

</telerik:RadComboBox></div></form></body></html>

-------------------------------------------------------------

public partial class CountryPicker : System.Web.UI.UserControl

{

protected void Page_Load(object sender, EventArgs e)

{

}

}

------------------------------------------------------

<%

@ Control Language="C#" AutoEventWireup="true" CodeFile="CountryPicker.ascx.cs" Inherits="CountryPicker" %>

<%

@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<telerik:RadComboBox ID="RadComboBox1" runat="server"

AllowCustomText="True" EnableLoadOnDemand="True" MarkFirstMatch="True"

Width="150px" ItemRequestTimeout="200" HighlightTemplatedItems="True"

ExternalCallBackPage="~/CountryStreamer.aspx">

</

telerik:RadComboBox>

-----------------------------------------

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<%

@ Register TagPrefix="uc1" TagName="CountryPicker" Src="~/CountryPicker.ascx" %>

body><form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<div>
<uc1:CountryPicker ID="cpPicker" runat="server" />
</div></form></body></html>

I'm attempting to upgrade to the newest version of the RADEditor and load external resources via an external CDN in an effort to maximize load time for this control. 

However, I'm having trouble getting the control to render properly when I've disabled the use of embedded resources and instead referencing the javascript and image files on an external CDN.   

Here's what I've done:

Issue #1:

- I first attempted to reference just the js files externally by adding the following to our mark-up.

 <asp:ScriptManager ID="ScriptManager1" runat="server" >
      <Scripts>
        <asp:ScriptReference Path="http://img.icbdr.com/images/RadEditor/Scripts/Common/Core.js" />
        <asp:ScriptReference Path="http://img.icbdr.com/images/RadEditor/Scripts/Common/PopUpScripts.js" />          
        <asp:ScriptReference Path="http://img.icbdr.com/images/RadEditor/Scripts/Common/RadEditor.js" />
        <asp:ScriptReference Path="http://img.icbdr.com/images/RadEditor/Scripts/Common/DialogOpener.js" />
        <asp:ScriptReference Path="http://img.icbdr.com/images/RadEditor/Scripts/Common/Modules.js" />         
        <asp:ScriptReference Path="http://img.icbdr.com/images/RadEditor/Scripts/Common/SpellCheckService.js" />
        <asp:ScriptReference Path="http://img.icbdr.com/images/RadEditor/Scripts/Common/AjaxSpellCheck.js" />
        <asp:ScriptReference Path="http://img.icbdr.com/images/RadEditor/Scripts/Common/RadWindow.js" />
      </Scripts>
</asp:ScriptManager>

<MX:MXRadEditorV2 ID="mxRadEditorV2"
                  EnableEmbeddedScripts="false"
                  StripFormattingOnPaste="None"
                  NewLineBr="True"
                  StripAbsoluteImagesPaths="false"
                  ShowPreviewMode="True"
                  runat="server" >
</MX:MXRadEditorV2>

- See "ScreenShot: 2" (in attached Word document).   As you can see when I attempted to just reference the javascript files externally, the control renders fine, but I'm unable to click in the text area.  It behaves like it's disabled.  

Issue #2:

- I next tried to reference the images externally.

- I copied all the "Outlook" themed images to our Akamai server.
- I copied the following css files into our solution:

•   Window.css
•   Editor.css
•   Editor.Outlook.css
•   Window.Outlook.css
•   EditorContentArea.css

- I'm now loading these styles in the code-behind of my generic test page that i'm attempting to render this control on.  See "Screen Shot: 1" in the attached Word document that will show that all the style sheets are loaded.

- I updated both Editor.Outlook.css and Window.Outlook.css to reference all the .gif files via our Akamai servers.  I've attached the two css files that I updated so you can confirm that I updated the paths correctly.

- I also added the following properties (bolded) in an attempt to fully disable the use of embedded resources.

<MX:MXRadEditorV2 ID="mxRadEditorV2"
                  EnableEmbeddedScripts="false"
                  EnableAjaxSkinRendering="false"
                  EnableEmbeddedBaseStylesheet="false"
                  EnableEmbeddedSkins ="false"
                  Skin = "Outlook"
                  StripFormattingOnPaste="None"
                  NewLineBr="True"
                  StripAbsoluteImagesPaths="false"
                  ShowPreviewMode="True"
                  runat="server" >
</MX:MXRadEditorV2>

- This resulted in "ScreenShot: 3" (in attached Word document). 

- I then attempted to set EnableEmbeddedBaseStylesheet = "true".

- This resulted in "ScreenShot: 4" (in attached Word document).   Notice that a couple of images/icons are showing up at the bottom of the page, but the rest of the page is not rendering any images.

I've dug into the online documentation and perhaps I've just overlooked something, but I'm completely stuck.  Any assistance you can provide would be appreciated.

Thank you,

Brian Kamer
CareerBuilder.com