Google Chrome can not edit button properties

4 posts, 0 answers
  1. Massimo
    Massimo avatar
    2 posts
    Member since:
    Nov 2011

    Posted 10 Apr 2013 Link to this post

    I have a problem editing a HTML form with Telerik Editor using Google Chrome. When I add a button, I can not edit the properties of the button and if I add a submit button, when I click the submit button into the editor (design view) the form is submitted.

    Is there a fix for this error ?

    To reproduce this strange behavior, simply open the demo editor with Chrome.
    http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx
    and add these lines of html code to the bottom of the page (or use the editor tools to add the buttons).

    <input style="width: 50px; height: 22px;" type="button" value="Execute" /><br />
    <input style="width: 50px; height: 22px;" type="submit" value="Submit" /><br />

    then try to click on the buttons in the design view.

    Best Regards,
    Massimo

  2. Misho
    Admin
    Misho avatar
    185 posts

    Posted 12 Apr 2013 Link to this post

    Hi Massimo,

    We are aware of the issue the impossibility to edit the properties of the button in Chrome. It is a behaviour related to the selection of HTML elements. For the time being you could obtain the functionality of the module manager in Google Chrome by clicking straight before the button and press Shift+Right Arrow.

    I'm also sending a video showing my test:
    http://screencast.com/t/f36ikhEQf4sC

    It is logged in our Feedback portal with ID 45907 , where you could follow it, comment and vote.

    Regarding the second issue related to the form submit.
    When RadEditor is configured with ContentAreaMode="iFrame" it is expected that nothing is submitted since there is no form.
    As for the ContentAreaMode="Div" it is expected that the form is submitted since RadEditor content area is just an editable div element rendered on the page.

    This could be seen on the following video:
    http://screencast.com/t/AYSgw38SZ

    I'm also attaching the pages of my tests.

    Kind regards,
    Misho
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. Massimo
    Massimo avatar
    2 posts
    Member since:
    Nov 2011

    Posted 12 Apr 2013 Link to this post

    Hi Misho,

    many thanks for your reply, sorry but I am not very clear how to proceed.

    I tried to
    set ContentAreaMode="Iframe"
    but I obtain the same result, the submit button is executed using Chrome, when i write a form into the editor and I click the button.
    <form>
    <input id="txt" type="text" value="Hello" /><br />
    <input id="sendButton" type="submit" value="Submit" />
    </form>


    Setting ContentAreaMode="Div" I obtain an error popup, when I try to view a document that contains a <form> tag. This error message occurs on all browsers, not just Chrome. I do not think I can use this rendering mode of the editor.

    So what is the proper way to configure RadEditor to edit <form> with the Chrome browser?

    Best regards,
    Massimo

  4. Misho
    Admin
    Misho avatar
    185 posts

    Posted 17 Apr 2013 Link to this post

    Hi,

    The best way to configure RadEditor to edit <form> with Chrome browser is to use it with ContentAreaMode="Iframe".
    The content area of RadEditor is a standard editable iframe/div element, which uses the rich text editing engine of the used browser to render tags. This is why it is expected that submit buttons are submitting the form when clicked not only inside RadEditor's content area but also in an editable iframe in Chrome.
    For the time being the way to work around this browser behavior is what I've suggested in the previous post: Click straight before the button and press Shift+Right Arrow. Here is a video demonstrating this scenario:

    http://screencast.com/t/JDr7j8ZMlKqX

    Regards,
    Misho
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top