HI,

I am Facing one problem using HTML editor. I have used Radio Button list for changing the mode of the editor i.e Basic, Standard and Full. But when i am trying to switch between the modes ( Standard to BAsic) i am getting an Error "Index out of Bound Array". i have tried to catch this Error by using Try Catch Block, but didn't get Caught.
Please Help me Out...

Thanks..

Hi,

Here is my Code:

ASPX CODE:-

<td style="width: 68%">

<asp:RadioButtonList id="tbSet" AutoPostBack="True" RepeatDirection="Horizontal" Runat="server">
<asp:ListItem Value="Basic" Selected="True">Basic</asp:ListItem>
<asp:ListItem Value="Standard">Standard</asp:ListItem>
<asp:ListItem Value="Full">Full</asp:ListItem>
asp:RadioButtonList>

<eo:Editor runat="server" ID="W_Editor" BorderWidth="1px" BorderStyle="Solid" ToolBarSet="Basic" HighlightColor="255, 255, 192" ColorPickerID="ColorPicker1" FileExplorerDialogID="FileExplorerDialog1" SpellCheckerID="SpellChecker1" FileExplorerUrl="C://File Explorer/Explorer.aspx" Html="W_Editor.html" >

<BreadcrumbItemStyle CssText="border-right: darkgray 1px solid; padding-right: 3px; border-top: darkgray 1px solid; margin-top: 1px; padding-left: 3px; font-size: 12px; padding-bottom: 1px; border-left: darkgray 1px solid; padding-top: 1px; border-bottom: darkgray 1px solid; font-family: tahoma"></BreadcrumbItemStyle>

<BreadcrumbItemHoverStyle CssText="border-right: darkgray 1px solid; padding-right: 3px; border-top: darkgray 1px solid; margin-top: 1px; padding-left: 3px; font-size: 12px; padding-bottom: 1px; border-left: darkgray 1px solid; padding-top: 1px; border-bottom: darkgray 1px solid; font-family: tahoma; background-color:#e0e0e0;"></BreadcrumbItemHoverStyle>

<EmoticonDropDownStyle CssText="border-top: gray 1px solid; border-right: gray 1px solid; padding-right: 2px; border-top: gray 1px; padding-left: 2px; padding-bottom: 2px; border-left: gray 1px solid; padding-top: 2px; border-bottom: gray 1px solid; background-color: #fafafa"></EmoticonDropDownStyle>

<BreadcrumbLabelStyle CssText="padding-right: 6px; padding-left: 6px; font-size: 12px; padding-top: 1px; font-family: tahoma"></BreadcrumbLabelStyle>

<BreadcrumbItemSeparatorStyle CssText="width: 3px; height: 10px"></BreadcrumbItemSeparatorStyle>

<HeaderStyle CssClass="EditorHeader"></HeaderStyle>

<BreadcrumbDropDownStyle CssText="border-top: gray 1px solid; border-right: gray 1px solid; padding-right: 2px; border-top: gray 1px; padding-left: 2px; padding-bottom: 2px; border-left: gray 1px solid; padding-top: 2px; border-bottom: gray 1px solid; background-color: #fafafa"></BreadcrumbDropDownStyle>

<EditAreaStyle CssClass="EditorArea"></EditAreaStyle>

<EmoticonStyle CssText="background-color:white;border-bottom-color:#c5d3ed;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#c5d3ed;border-left-style:solid;border-left-width:1px;border-right-color:#c5d3ed;border-right-style:solid;border-right-width:1px;border-top-color:#c5d3ed;border-top-style:solid;border-top-width:1px;padding-bottom:2px;padding-left:2px;padding-right:2px;padding-top:2px;"></EmoticonStyle>

<FooterStyle CssClass="EditorFooter"></FooterStyle>
<TabButtonStyles>

<SelectedStyle CssText="border-right: #335ea8 1px solid; padding-right: 6px; border-top: #335ea8 1px solid; padding-left: 6px; font-size: 12px; padding-bottom: 2px; border-left: #335ea8 1px solid; padding-top: 2px; border-bottom: #335ea8 1px solid; font-family: tahoma; background-color: white"></SelectedStyle>

<NormalStyle CssText="border-right: #335ea8 1px; padding-right: 7px; border-top: #335ea8 1px; padding-left: 7px; font-size: 12px; padding-bottom: 3px; border-left: #335ea8 1px; padding-top: 3px; border-bottom: #335ea8 1px; font-family: tahoma; background-color: white"></NormalStyle>

<HoverStyle CssText="border-right: #335ea8 1px solid; padding-right: 6px; border-top: #335ea8 1px solid; padding-left: 6px; font-size: 12px; padding-bottom: 2px; border-left: #335ea8 1px solid; padding-top: 2px; border-bottom: #335ea8 1px solid; font-family: tahoma; background-color: #c2cfe5"></HoverStyle>

</TabButtonStyles>

</eo:Editor>

</td>



CODE BEHIND:- VB CODE

Private Sub tbSet_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles tbSet.SelectedIndexChanged

Const SubName As String = "tbSet"
Try
Select Case tbSet.SelectedIndex
Case 0
W_Editor.ToolBarSet = EO.Web.EditorToolBarSet.Basic
Case 1
W_Editor.ToolBarSet = EO.Web.EditorToolBarSet.Standard
Case 2
W_Editor.ToolBarSet = EO.Web.EditorToolBarSet.Full
End Select
Catch ex As Exception
Dim customException As New ExceptionHandler

customException.ErrorSource = _className & "." & SubName
customException.ErrorMessage = ex.Message
Throw customException

End Try

End Sub




ERROR :- When i am toggling from Standard Mode to Basic Mode.

Server Error in '/' Application.--------------------------------------------------------------------------------

Index was out of range. Must be non-negative and less than the size of the collection.
Parameter name: index
Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.ArgumentOutOfRangeException: Index was out of range. Must be non-negative and less than the size of the collection.
Parameter name: index

Source Error:

An unhandled exception was generated during the execution of the current web request. Information regarding the origin and location of the exception can be identified using the exception stack trace below.

Stack Trace:


[ArgumentOutOfRangeException: Index was out of range. Must be non-negative and less than the size of the collection.
Parameter name: index]
System.Collections.ArrayList.get_Item(Int32 index) +7484104
EO.Web.Internal.e9.c(Int32 A_0) +39
EO.Web.Internal.e9.a(Object A_0) +1135
EO.Web.Internal.a.a(Object A_0) +42
EO.Web.Internal.e4.a(Object A_0) +326
EO.Web.Internal.du.a(Object A_0) +346
EO.Web.WebControlBase.a(Object A_0) +302
System.Web.UI.Control.LoadViewStateRecursive(Object savedState) +183
System.Web.UI.Control.AddedControl(Control control, Int32 index) +249
System.Web.UI.ControlCollection.Add(Control child) +80
EO.Web.Editor.c(Control A_0) +358
EO.Web.Editor.h(Control A_0) +259
EO.Web.Editor.CreateChildControls() +3835
System.Web.UI.Control.EnsureChildControls() +87
System.Web.UI.Control.PreRenderRecursiveInternal() +44
System.Web.UI.Control.PreRenderRecursiveInternal() +171
System.Web.UI.Control.PreRenderRecursiveInternal() +171
System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +842

Hi..

The Issue has been fixed in IE 8.0 and FireFox , but now it creates a problem in Safari and Chrome Browser. In Safari and Chrome , if I toggle the modes it loads the previous state(i.e previously selected) toolbar Mode and not the one which we currently selected.

Please help me out.

Thanks..