Tabbing in and out of Cute Editor

Last post 04-14-2009, 12:50 PM by betht. 6 replies.
Sort Posts: Previous Next
  •  04-13-2009, 1:25 PM 51034

    Tabbing in and out of Cute Editor

    I modified your multiple.aspx and just added a text box above the edit box and set the tabspaces=-1 for each of the edit boxes. When it is run and you click in the text box then press TAB the focus is on the edit box but just around the edit box and not inside where someone could type. How do I get it to enter into the edit box so you can type?
     
    Here is the code:
    ======================

    <%@ Page Language="vb"%>

    <%@ Register TagPrefix="cutesoft" TagName="banner" Src="banner.ascx" %>

    <%@ Register TagPrefix="cutesoft" TagName="leftmenu" Src="leftmenu.ascx" %>

    <%@ Register TagPrefix="CE" Namespace="CuteEditor" Assembly="CuteEditor" %>

    <html>

    <head>

    <title>ASP and ASP.NET WYSIWYG Editor - Multiple Editors in one page</title>

    <link href="example.css" rel="stylesheet" type="text/css" />

    </head>

    <body>

    <form runat="server">

    <cutesoft:banner id="banner1" runat="server" />

    <table>

    <tr>

    <td valign="top" nowrap id="leftcolumn" width="160">

    <cutesoft:leftmenu id="leftmenu1" runat="server" />

    </td>

    <td width="20" nowrap></td>

    <td valign="top" width="760">

    <h1>

    <asp:TextBox ID="TextBox1" runat="server" TabIndex="1"></asp:TextBox>&nbsp;</h1>

    <CE:EDITOR id="Editor1" EditorWysiwygModeCss="example.css" runat="server" Height="200" ThemeType="Office2007" AutoConfigure="Simple" TabIndex="1" TabSpaces="-1">

     

    </CE:EDITOR><br/>

    <CE:EDITOR id="Editor2" EditorWysiwygModeCss="example.css" runat="server" Height="200" ThemeType="Office2003" AutoConfigure="Simple" TabIndex="2" TabSpaces="-1">

     

    </CE:EDITOR><br/>

    <asp:Button id="btnUpdate" onclick="Submit" Runat="server" Text="Show HTML"></asp:Button>

    </td>

    </tr>

    </table>

    </form>

    </body>

    </html>

    <script runat="server">

    Public Sub Page_Load(sender As object, e As System.EventArgs)

    If Not Page.IsPostBack Then

    Editor1.Text = "<h3 style=""COLOR: red"">1. Easy for developers</h3>"

    Editor2.Text = "<h3 style=""COLOR: #339966"">2. Seamless Integration with Web Forms</h3>"

    End If

    End Sub

     

    Public Sub Submit(sender As object, e As System.EventArgs)

    End Sub

    </script>

    ===================
  •  04-13-2009, 1:44 PM 51037 in reply to 51034

    Re: Tabbing in and out of Cute Editor

    Changing Behavior of TAB Key

    By default Cute Editor automatically inserts a certain number of "&nbsp;" characters when user clicks the tab key.

    If you want to modify the behavior of the TAB key within the CuteEditor box so that it tabs out of the box to the next control in the page, please set Editor.TabSpaces property to -1.

    <CE:Editor TabSpaces="-1" id="Editor1" runat="server" ></CE:Editor>
     

    asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
    Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
    asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
    asp wysiwyg html editor: http://cutesoft.net/ASP
    asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
    Live Support: http://cutesoft.net/live-support/default.aspx

  •  04-13-2009, 2:19 PM 51041 in reply to 51037

    Re: Tabbing in and out of Cute Editor

    Yes, you can see in my code that I have done that but I still can not get it to tab inside the cute editor.
  •  04-13-2009, 2:36 PM 51043 in reply to 51041

    Re: Tabbing in and out of Cute Editor

    If you want to table Inside the editor, please remove TabSpaces="-1".
     
    <CE:Editor id="Editor1" runat="server"></CE:Editor>

    asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
    Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
    asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
    asp wysiwyg html editor: http://cutesoft.net/ASP
    asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
    Live Support: http://cutesoft.net/live-support/default.aspx

  •  04-13-2009, 2:51 PM 51047 in reply to 51043

    Re: Tabbing in and out of Cute Editor

    I would like to TAB BETWEEN controls - not within the editor. So, tabSpaces = -1 - I understand I have to set this.
     
    I found out some more info on this but need your help on how to set it correctly.
     
    If the tabIndex is set to something other than "0" (zero) then the TABBING BETWEEN controls does not work. For the example I sent you if the tabIndex=0 for ALL Controls and TabSpaces=-1 then TABBING works between controls - and that is what I want. When I say tabbing between controls I mean you start at the text box, press TAB, and you are now in the editor and can type, press tab again and I am in the second editor ready to type.
     
    AS SOON AS THE TABINDEX IS CHANGED TO SOMETHING OTHER THAN 0 (ZERO) when you tab to the editor it just outlines outside of the editor - the cursor does not go inside. It does not behave the same way as if the tabIndex = 0.
     
    Could you please run my example so that you can see what happens. The problem is the tabIndex property.
     
     
  •  04-14-2009, 8:28 AM 51073 in reply to 51047

    Re: Tabbing in and out of Cute Editor

    Hi betht,
     
    If the start control is the textbox, you can remove the TabIndex properties of the texbox, then you can tab into the editor.
     
    please remove the TabIndex properties of the texbox and try again.
     
    Regards,
     
    Ken
  •  04-14-2009, 12:50 PM 51081 in reply to 51073

    Re: Tabbing in and out of Cute Editor

    Unfortunately, the form I am creating has the editor box in the middle of the page and I need to use the tabIndex to control the tab order on the page.  Is there any other workaround so that I can use the tabIndex?
     
    Beth.
View as RSS news feed in XML