Support forums - Tabbing in and out of Cute Editor

Support forums » Products » Cute Editor for .NET » Re: Tabbing in and out of Cute Editor

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

betht
Joined on 04-13-2009
Posts 4

Tabbing in and out of Cute Editor

Reply Quote

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>

</head>

<body>

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

<table>

<tr>

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

</td>

<h1>

<asp:TextBox ID="TextBox1" runat="server" TabIndex="1"></asp:TextBox> </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>

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

Adam
Joined on 09-23-2003
Aurora, ON
Posts 18,678

Re: Tabbing in and out of Cute Editor

Reply Quote

Changing Behavior of TAB Key

By default Cute Editor automatically inserts a certain number of " " 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>

http://cutesoft.net/developer+guide/index.htm#page=Common-Tasks.htm

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

betht
Joined on 04-13-2009
Posts 4

Re: Tabbing in and out of Cute Editor

Reply Quote

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

Adam
Joined on 09-23-2003
Aurora, ON
Posts 18,678

Re: Tabbing in and out of Cute Editor

Reply Quote

If you want to table Inside the editor, please remove TabSpaces="-1".

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

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

betht
Joined on 04-13-2009
Posts 4

Re: Tabbing in and out of Cute Editor

Reply Quote

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

Kenneth
Joined on 02-13-2008
Posts 3,886

Re: Tabbing in and out of Cute Editor

Reply Quote

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

betht
Joined on 04-13-2009
Posts 4

Re: Tabbing in and out of Cute Editor

Reply Quote

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.