Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Editor > How to Update Properties of the inserted image from HTML Editor

• Jepoy

  Posted on Apr 28, 2011 (permalink)

  Hello,
  
  I really need some help.
  I think Im stuck and Im new to telerik here.
  I tried to search forums but don't find an answer.
  
  Here's my problem:
  From HTML Editor when I inserted an image to it then once inserted I am going to update the image properties like size, border, etc by clicking on the Image Editor on the toolbar. But the Image Editor on the toolbar does not provide the what I wanted like I CANNOT edit the image properties after I inserted it to the HTML Editor.
  
  What I would like to accomplish:
  I want to update the properties of the image (size, border, style, etc..) not only before inserting but even after inserting of the image. Please refer to this demo site for the example: http://tinymce.moxiecode.com/tryit/full.php
  
  If you click on the image and then click on the image icon in the toolbar a popup window that contains the property of that image will appear. How can I do that in telerik?
  
  Hoping of your response...
  
  Regards,
  Jepoy...

• Jepoy

  Posted on Apr 28, 2011 (permalink)

  i hope someone will reply.
  or please lemme know if i qualify to post question here.
  
  thanks.
  jepoy.

• Rumen Rumen

  Posted on May 2, 2011 (permalink)

  Hello Jepoy,
  
  Just right click over the an image in the content area and choose Options from the context menu. You can see the following video for more information: http://screencast.com/t/jl6mRfuAQvEe.
  
  Another approach to edit the image properties is to use the Properties Inspector module placed at the bottom zone of RadEditor.
  
  Best regards,
  Rumen
  the Telerik team

  Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get now >>

• Jepoy

  Posted on May 3, 2011 (permalink)

  Hello Rumen,
  
  Good Afternoon.
  I am using safari and when i right click on my image i can't see properties. Do i need to activate the right click functionality?
  
  regarding to the alternative, can you provide me how to add inspector module properties? I am totally new to telerik.
  I do really appreciate your response thanks.
  
  Regards.
  Jepoy.

• Rumen Rumen

  Posted on May 3, 2011 (permalink)

  Hello Jepoy,
  
  Are you able to see the context menu of an image in Safari using the default demo of RadEditor: http://demos.telerik.com/aspnet-ajax/editor/examples/default/defaultcs.aspx?
  Please, make sure that you use the latest version of Safari.
  
  The properties inspector module is enabled by default.
  You can add it through the toolsfile,
  
  

  <modules>

    <module name="RadEditorNodeInspector" />

  </modules>

  
  
  inline
  
  

  <telerik:RadEditor ID="RadEditor1" runat="server">

      <Modules>

          <telerik:EditorModule Name="RadEditorNodeInspector" Visible="true" />

      </Modules>

  </telerik:RadEditor>

  
  
  All the best,
  Rumen
  the Telerik team

  Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get now >>

• Jepoy

  Posted on May 4, 2011 (permalink)

  Hello Rumen,
  
  Good Day.
  
  1. Yes my safari is the latest one and i am able to rightclick on the demo you have provided. I just wonder why i can't do it in my app.
  2. what is toolsfile? I search that toolsfile.xml in our solution but we don't have that.  Where can i modify that toolsfile?
  3.  when i expose this: <telerik:EditorModuleName="RadEditorNodeInspector"Visible="true"/> what i get is an empty section at the bottom part of the editor? I don't see the attributes. How can i add that?
  
  thanks.
  Jepoy

• Jepoy

  Posted on May 4, 2011 (permalink)

  Hello Rumen,
  
  Good day.
  Here's my update.
  I did applied the nodeinspector but if my image has this value "float: left;" on it's style attribute somehow the properties is not visible.
  
  Also if I take out that float something and click on the image the width and size of the editor changes. Any idea?
  
  Regards
  Jepoy

• Jepoy

  Posted on May 4, 2011 (permalink)

  Hello Rumen,
  
  I found the fix. I just make the properties visible to the toolbar by adding <telerik:EditorTool Name="SetImageProperties" />
  
  but please do answer my previous question for future reference...
  
  thanks
  Jepoy

• Rumen Rumen

  Posted on May 6, 2011 (permalink)

  Hi Jepoy,
  
  I am glad that you have found a solution.
  
  1) It is possible that you run an older version of RadEditor where the float: left; property breaks the context menu. Please, upgrade to the latest Q1 2011 SP1 build version 2011.1.413 which is used in the live demos.
  
  2) You can find information about the ToolsFile in the following article: http://www.telerik.com/help/aspnet-ajax/editor-using-toolsfile.html. You can download it from the following KB article: http://www.telerik.com/support/kb/aspnet-ajax/editor/default-toolsfile-xml-file.aspx.
  
  3) The empty modules section is updated on selection. Just click on an image, link, table, form, etc and it will show the properties of the selected element.
  
  Best regards,
  Rumen
  the Telerik team

  Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get now >>

• Jepoy

  Posted on May 9, 2011 (permalink)

  Hello Rumen,
  
  Thank you very much.
  The information that you have provided is very helpful.
  Yes, I am using the older version of the dll. I will let my team know about this one :-)
  
  Regards.
  Jepoy

• Jepoy

  Posted on May 24, 2011 (permalink)

  Hello Rumen.
  
  Just to give you heads-up, we have created a ticket already
  

  Your ticket ID is: 427895 (view all your support tickets)

  
  regards.
  Jepoy

• Rumen Rumen

  Posted on May 25, 2011 (permalink)

  Hi Jepoy,
  
  I want to inform you that I just answered ticket 427895.
  
  Have a nice day,
  Rumen
  the Telerik team

  Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get now >>

• Jepoy

  Posted on May 25, 2011 (permalink)

  Hello Rumen,
  
  Thanks so much we already got the email notification.
  We'll download the latest version now.
  
  Thanks,
  Jepoy

• Jepoy

  Posted on May 25, 2011 (permalink)

  Hello Rumen,
  
  Greetings.
  We were able to download latest version of the DLL and thank you so much for that.
  
  We have another problem though, when we replace the file and re add it's reference using the new version of dll. here's the error:
  

  Error 1 Could not load file or assembly 'Telerik.Web.UI' or one of its dependencies. This assembly is built by a runtime newer than the currently loaded runtime and cannot be loaded.  
  

  
  Any idea what are the other items that we need to consider?
  
  Best Regards,
  Jepoy
  

• Rumen Rumen

  Posted on May 25, 2011 (permalink)

  Hi Jepoy,
  
  I suppose that the version of your assemblies are built against a .NET Framework version, different from the target framework of your project.
  
  This case is explained in the following forum thread:
  Could not load file or assembly 'Telerik.Web.UI' or one of its dependencies. This assembly is built by a runtime newer than the currently loaded runtime and cannot be loaded.
  
  Note that .NET 2.0 is no longer supported since Q1 2011 (for more information see the following blog post: http://blogs.telerik.com/StefanRahnev/Posts/11-03-03/telerik_ajax_controls_net_2_0_support_discontinued_as_of_q1_2011.aspx). If your project is running under .NET 2.0 and you cannot currently migrate to 3.5 of 4.0, then you can download and use Q3 2010 SP2 which comes with .NET 2.0 dlls (placed in the Bin20 folder).
  
  Greetings,
  Rumen
  the Telerik team

  Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get now >>

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Editor > How to Update Properties of the inserted image from HTML Editor