MVC PartialView - RadEditor dialogs useless

[George]

I have the RadEditor working pretty well in an MVC page put in a Partial View that is an ascx page.  The problem is that all the dialogs are not usable.

I have attached a screen shot.  I am using Visual Studio 2013 with MVC 4.5, the screen shot is on Chrome.

The MVC/Kendo Editor lack functionality, or at least the demo do.  I require switching between Edit/HTML/View and uploading files.  The MVC demos have one that seems to load a file but then nothing happens with it.

Wondering if I need to waste still some more money to get a decent editor, Rich Text Editor works in MVC with all its functionality. Rather disappointed with all the money wasted on Telerik at this point.

George

[George]

The RadEditor working a little better but the dialogs are all still crappy list the png. The position of the text was fixed by adding an EditorCssFile reference to the ribbon style sheet.  The DialogsCssFile reference did not help but I believe it is correct.

<telerik:RadEditor  ID="TextEditor"  runat="server" ToolbarMode="RibbonBar"
    _ToolsFile="~/Styles/Files/REditorTools.xml"
    SkinID="DefaultSetOfTools" CssClass="centered-editor"
    DialogsCssFile="~/Skins/Default/Widgets.Default.css"
    DialogHandlerUrl="~/Telerik.Web.UI.DialogHandler.axd"
    SpellCheckSettings-AjaxUrl="/Telerik.Web.UI.SpellCheckHandler.axd">
    <ImageManager ViewPaths="~/Customer/Files" UploadPaths="~/Customer/Files/New" DeletePaths="~/Customer/Files/New/Articles,~/Customer/Files/New/News"/>
    <MediaManager ViewPaths="~/Customer/Files" UploadPaths="~/Customer/Files/New" DeletePaths="~/Customer/Files/Filesges/New/Articles,~/Customer/Files/New/News"/>
    <FlashManager  ViewPaths="~/Customer/Files" UploadPaths="~/Customer/Files/New" DeletePaths="~/Customer/Files/New/Articles,~/Customer/Files/Filesges/New/News"/>
    <TemplateManager ViewPaths="~/Customer/Files" UploadPaths="~/Customer/Files/New" DeletePaths="~/Customer/Files/New/Articles,~/Customer/Files/New/News"/>
    <DocumentManager ViewPaths="~/Customer/Files" UploadPaths="~/Customer/Files/New" DeletePaths="~/Customer/Files/New/Articles,~/Customer/Files/New/News"/>
    <CssFiles>
        <telerik:EditorCssFile Value="~/Styles/Skins/Common/EditorRibbonBar.css" />
    </CssFiles>
</telerik:RadEditor>

The dialog problem must be style and image problem.  The default skin is in ~/Styles/Skins/Default. The Widgets css references images such as "FileExplorer/FileExplorerToolbarSprites.png" which is in the same directory as the css.  

Is there a way to tell the RadEditor where its css files and images are located or is there a default location in the website I can put the files so RadEditor will find them allowing me to get rid of the references?  

I am unable to figure out how the skinning functionality works, the files do not seem to be brought into my website which they must eventually when I deploy.  The css files and images were not in my MVC project or my pre-MVC ASP.NET project, all quite mysterious.

Please help, Thanks.

[Ianko]

Hello George,

The same matter is already discussed in an open ticket thread to us. You can find there more details (#905630 ).

For anyone else interested in that matter,  the controls from the UI for ASP.NET suite are not supported under MVC and a firm approach to fix such side effects are not available.

It is recommended to use the Kendo UI for MVC suite.

As for custom skins and resources, the matter is described in details in this help article - Creating Custom Skin for RadEditor.

Regards,
Ianko
Telerik

 

 

[George]

I posted a ticket about this and the answer is ASP.NET AJAX controls cannot get their images and styles because the MVC lifecycle is not complete.  I need ASP.NET AJAX controls, Kendo editor lacks and Kendo can be created in code so I am redoing my project in ASP.NET. Good bye MVC.