Editor - img absolute position not working

6 posts, 0 answers
  1. Dustin
    Dustin avatar
    79 posts
    Member since:
    Oct 2012

    Posted 05 Nov 2012 Link to this post

    Setting an img to absolute positioning does not work in your editor. I had to resort to jquery ui draggable using the iframeFix property to accomplish this. Is this a bug in your editor or can you provide a way to allow this functionality?
  2. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 07 Nov 2012 Link to this post

    Hi Dustin,

    If you need to insert images with additional attributes or styles, you can use a custom popup tool with more text fields, instead of the default one.

    All the best,
    Dimo
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Dustin
    Dustin avatar
    79 posts
    Member since:
    Oct 2012

    Posted 07 Nov 2012 Link to this post

    Let me clarify. I already have a custom tool to set the position of an img to absolute. But once the img is set to absolute you can not drag the img around, at all. It seems like your Editor is intercepting the mouse events and preventing you from dragging around the img, but this is just a guess. LIke I said I had to use the jQuery UI draggable widget and use iframFix property of that widget for it to work.

    This functionality works in your Ajax RadEditor without the need of the jQuery draggable widget and that too uses iFrames.
  5. Dustin
    Dustin avatar
    79 posts
    Member since:
    Oct 2012

    Posted 24 Nov 2012 Link to this post

    Any response would be nice????
  6. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 27 Nov 2012 Link to this post

    Hello Dustin,

    Thanks for the clarification about your scenario. Actually, the functionality that you observe in RadEditor, relies on native browser behavior and works only in IE. You can achieve the same in the Kendo UI Editor by executing

    var editor = $("#editor").data("kendoEditor");
    editor.document.execCommand("2D-Position", true, true);

    Afterwards, you will be able to drag the absolutely positioned images. The above statement can be executed unconditionally before inserting the images via your custom tool.

    Regards,
    Dimo
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  7. Dustin
    Dustin avatar
    79 posts
    Member since:
    Oct 2012

    Posted 27 Nov 2012 Link to this post

    That worked. Thank you. You guys should add this to your documentation.
Back to Top
Kendo UI is VS 2017 Ready