ImageManager Losing Image Properties

5 posts, 0 answers
  1. digitall
    digitall avatar
    169 posts
    Member since:
    Jun 2006

    Posted 31 Aug 2011 Link to this post

    I have a couple of projects utilizing RadEditor with two different versions of the control suite (2011.1.519.35 and 2011.2.712.40). When an image has been uploaded into the RadEditor using the ImageManager option with specific properties set, the values aren't retained if I select the image and go back into the ImageManager.

    For example, let's say I used the ImageManager tool to upload an image called "image1,jpg" and set specific properties (margins, etc.) on the image. The generated HTML looks like this:
    <img alt="" style="width: 280px; margin-bottom: 8px; float: right; height: 249px; margin-left: 8px;" src="/dbfiles/images/image1.jpg" />

    When I go back into the normal edit/Design mode (where the toolbars are all enabled) I can select this image (so it gets the anchors around it), click the ImageManager and that is where things stop working. Sometimes the image won't even show as selected in the ImageManager window (it's very hit or miss - no errors, just doesn't pre-select it) but consistently the image properties (margin, height, width, etc.) are never set. So when someone selects an image intending to change the margin a bit more they have to put in all of the properties again and then try to tweak the ones they intended to.

    Is this intended behavior or is there a way to correct it? I've experienced it in IE8/9 and FF4.
  2. digitall
    digitall avatar
    169 posts
    Member since:
    Jun 2006

    Posted 02 Sep 2011 Link to this post

    Anyone?
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Rumen
    Admin
    Rumen avatar
    12851 posts

    Posted 05 Sep 2011 Link to this post

    Hello Digitall,

    It is recommended to use the "Set Image Properties" dialog when needed to update the properties of an image selected in the content area. Just right click on an image and choose "Properties..." from the context menu.

    Another way to update the properties of an image is to use the Properties Inspector module of RadEditor.

    Best regards,
    Rumen
    the Telerik team

    Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>

  5. digitall
    digitall avatar
    169 posts
    Member since:
    Jun 2006

    Posted 05 Sep 2011 Link to this post

    Right-clicking doesn't do anything on the editor. Perhaps this is because I have the RadEditor defined inside a skin with specific tools? My entry in my .skin file looks like this:
    <telerik:RadEditor runat="server" SkinId="AllowUploading">
        <Tools>
            <telerik:EditorToolGroup>
                <telerik:EditorTool name="Bold"/>
                <telerik:EditorTool name="Italic"/>
                <telerik:EditorTool name="Underline"/>
                <telerik:EditorSeparator />
                <telerik:EditorTool name="JustifyLeft"/>
                <telerik:EditorTool name="JustifyCenter"/>
                <telerik:EditorTool name="JustifyRight"/>
                <telerik:EditorTool name="JustifyFull"/>
                <telerik:EditorSeparator />
                <telerik:EditorTool name="InsertOrderedList"/>
                <telerik:EditorTool name="InsertUnorderedList"/>
                <telerik:EditorTool name="Outdent"/>
                <telerik:EditorTool name="Indent"/>
                <telerik:EditorSeparator />
                <telerik:EditorTool name="ApplyClass" />
                <telerik:EditorTool name="RealFontSize" />
            </telerik:EditorToolGroup>
            <telerik:EditorToolGroup>
                <telerik:EditorTool name="FindAndReplace"/>
                <telerik:EditorTool name="Print"/>
                <telerik:EditorTool name="AjaxSpellCheck"/>
                <telerik:EditorSeparator />
                <telerik:EditorTool name="Cut"/>
                <telerik:EditorTool name="Copy"/>
                <telerik:EditorTool name="Paste"/>
                <telerik:EditorSeparator />
                <telerik:EditorTool name="Undo"/>
                <telerik:EditorTool name="Redo"/>
                <telerik:EditorSeparator />
                <telerik:EditorTool name="LinkManager"/>
                <telerik:EditorTool name="Unlink"/>
                <telerik:EditorTool name="InsertSymbol"/>
            </telerik:EditorToolGroup>
            <telerik:EditorToolGroup>
                <telerik:EditorTool Name="Paste" />
                <telerik:EditorTool Name="PasteFromWord" />
                <telerik:EditorTool Name="PasteFromWordNoFontsNoSizes" />
                <telerik:EditorTool Name="PastePlainText" />
                <telerik:EditorTool Name="PasteAsHtml" />
                <telerik:EditorTool Name="FormatStripper" />
            </telerik:EditorToolGroup>       
            <telerik:EditorToolGroup>
                <telerik:EditorTool name="DocumentManager" />  
                <telerik:EditorTool name="ImageManager" />
                <telerik:EditorTool name="InsertTable" />
            </telerik:EditorToolGroup>
        </Tools>
    </telerik:RadEditor>

    Also, I tried the modules option inside the skin and receive this error: Telerik.Web.UI.EditorModuleCollection must have items of type 'Telerik.Web.UI.EditorModule'. 'module' is of type 'System.Web.UI.HtmlControls.HtmlGenericControl'. I put it after </Tools> and it looked like this:
    <modules>
        <module name="RadEditorNodeInspector" dockingZone="Module" enabled="true" visible="true" />
    </modules>

    I was able to get it working by adding it directly to the editor markup in an ascx file, but I'd prefer to stick with using the skin so I don't have a mix of things in different places. Is this possible?
  6. Rumen
    Admin
    Rumen avatar
    12851 posts

    Posted 07 Sep 2011 Link to this post

    Hello,

    1) When the tools collection is set the contextmenus collection is reset. You should also define the ContextMenus collection to show the context menus, e.g.

    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
     
    <telerik:RadEditor runat="server" SkinId="AllowUploading">
        <Tools>
            <telerik:EditorToolGroup>
                <telerik:EditorTool name="Bold"/>
                <telerik:EditorTool name="Italic"/>
                <telerik:EditorTool name="Underline"/>
                <telerik:EditorSeparator />
                <telerik:EditorTool name="JustifyLeft"/>
                <telerik:EditorTool name="JustifyCenter"/>
                <telerik:EditorTool name="JustifyRight"/>
                <telerik:EditorTool name="JustifyFull"/>
                <telerik:EditorSeparator />
                <telerik:EditorTool name="InsertOrderedList"/>
                <telerik:EditorTool name="InsertUnorderedList"/>
                <telerik:EditorTool name="Outdent"/>
                <telerik:EditorTool name="Indent"/>
                <telerik:EditorSeparator />
                <telerik:EditorTool name="ApplyClass" />
                <telerik:EditorTool name="RealFontSize" />
            </telerik:EditorToolGroup>
            <telerik:EditorToolGroup>
                <telerik:EditorTool name="FindAndReplace"/>
                <telerik:EditorTool name="Print"/>
                <telerik:EditorTool name="AjaxSpellCheck"/>
                <telerik:EditorSeparator />
                <telerik:EditorTool name="Cut"/>
                <telerik:EditorTool name="Copy"/>
                <telerik:EditorTool name="Paste"/>
                <telerik:EditorSeparator />
                <telerik:EditorTool name="Undo"/>
                <telerik:EditorTool name="Redo"/>
                <telerik:EditorSeparator />
                <telerik:EditorTool name="LinkManager"/>
                <telerik:EditorTool name="Unlink"/>
                <telerik:EditorTool name="InsertSymbol"/>
            </telerik:EditorToolGroup>
            <telerik:EditorToolGroup>
                <telerik:EditorTool Name="Paste" />
                <telerik:EditorTool Name="PasteFromWord" />
                <telerik:EditorTool Name="PasteFromWordNoFontsNoSizes" />
                <telerik:EditorTool Name="PastePlainText" />
                <telerik:EditorTool Name="PasteAsHtml" />
                <telerik:EditorTool Name="FormatStripper" />
            </telerik:EditorToolGroup>      
            <telerik:EditorToolGroup>
                <telerik:EditorTool name="DocumentManager" /> 
                <telerik:EditorTool name="ImageManager" />
                <telerik:EditorTool name="InsertTable" />
            </telerik:EditorToolGroup>
        </Tools>
        <ContextMenus>
            <telerik:EditorContextMenu TagName="IMG">
                <telerik:EditorTool Name="SetImageProperties" />
                <telerik:EditorTool Name="ImageMapDialog" />
            </telerik:EditorContextMenu>
        </ContextMenus>
        <Modules>
                <telerik:EditorModule Name="RadEditorNodeInspector" Visible="true" Enabled="true" />
                <telerik:EditorModule Name="RadEditorStatistics" Visible="true" Enabled="true" />
        </Modules>
    </telerik:RadEditor>


    2) You can define the Modules collection and the module tags inside it as follow:
    <Modules>
            <telerik:EditorModule Name="RadEditorNodeInspector" Visible="true" Enabled="true" />
            <telerik:EditorModule Name="RadEditorStatistics" Visible="true" Enabled="true" />
    </Modules>

    Best regards,
    Rumen
    the Telerik team

    Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>

Back to Top
UI for ASP.NET Ajax is Ready for VS 2017