AJAX :: Why CollapsiblePanelExtender Crashes Every HTML Editor Used Inside It
Mar 28, 2010Why CollapsiblePanelExtender crashes every HTML editor used inside it
View 1 RepliesWhy CollapsiblePanelExtender crashes every HTML editor used inside it
View 1 RepliesReally the title explains it. When i have an HTML Editor (from the AJAX Control Toolkit) inside an UpdatePanel, i get the error message: "Microsoft JScript runtime error: Invalid set operation on read-only property"
I was looking online and it appears it's because the editor uses javascript - is there any workaround for this?
My markup is pretty straight forward:
<%@
Page
Title=""
Language="VB"
MasterPageFile="~/Site.master"
AutoEventWireup="false"
CodeFile="post.aspx.vb"
Inherits="post"
%>
<%@
Register
Assembly="AjaxControlToolkit"
Namespace="AjaxControlToolkit"
TagPrefix="asp"
%>
<%@
Register
assembly="AjaxControlToolkit"
namespace="AjaxControlToolkit.HTMLEditor"
tagprefix="cc1"
%>
<asp:Content
ID="Content1"
ContentPlaceHolderID="HeadContent"
Runat="Server">
<link
rel="stylesheet"
href="../Styles/post.css"
/>
</asp:Content>
<asp:Content
ID="Content2"
ContentPlaceHolderID="MainContent"
Runat="Server">
<table
style="width:100%"><tr><td
valign="top"
style="text-align:left"><asp:Label
ID="forumNav"
runat="server"
Text="Label"
Font-Names="Calibri"
Font-Size="Small"
ForeColor="#333333"></asp:Label></td><td
valign="top"
style="text-align:right;"><asp:Hyperlink
ID="replyButton"
NavigateUrl="reply.aspx?postID="
runat="server"
Text="Reply"
CssClass="replyButton"></asp:HyperLink></td></tr></table>
<asp:Panel
ID="postContent"
runat="server">
</asp:Panel>
<asp:UpdatePanel
ID="ReplyPanel"
runat="server"
ChildrenAsTriggers="false"
UpdateMode="Conditional">
<ContentTemplate>
<center>
<asp:Label
ID="Label1"
runat="server"
Text=""></asp:Label>
</center>
<br
/>
<asp:Panel
ID="Panel1"
runat="server">
Reply:
<cc1:Editor
ID="Editor1"
runat="server"
/>
<center>
<asp:Button
ID="Button1"
runat="server"
Text="Post
Reply"
/>
</center>
</asp:Panel>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger
ControlID="Button1"
EventName="Click"
/>
</Triggers>
</asp:UpdatePanel>
<asp:UpdateProgress
ID="ReplyProgress"
runat="server"
AssociatedUpdatePanelID="ReplyPanel"
>
<ProgressTemplate>
<center>
<asp:Image
ID="loading"
runat="server"
ImageUrl="~/Images/ajax-loader
(1).gif"/>
Sending reply...</center>
</ProgressTemplate>
</asp:UpdateProgress>
</asp:Content>
 
When inserting a simple embed of youtube inside the ajax editor, on firefox and chrome problems occur. On the other hand on internet explorer 8 everything works fine. I found this solution [URL]
My question is where do I find the DesignPanel.pre.js ?
Is there anyway i can place a HTML Editor inside the gridview´s edit template? I tried this on the top:
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit.HTMLEditor"
TagPrefix="cc1" %>
And my template field for the text (which was suppose to be with HTML):
[Code]....
I tried to place the HTML Editor inside the Gridview and it didnt work.
This is my mistake: If I put an AJAX Editor INSIDE a FormView it loses the layout (I see all the icons button disordered and the Editor without background). If I simultaneously put an Editor inside a FormView and externally in the page both works fine and I see both in the right way. I repeat: with another Editor in the page the Editor inside the FormView works fine!!
I think it may depend on the css, so I have tried to modify the "DesignPanelCssPath" and the "DocumentCssPath" of the Editor inside the FormView, but nothing has changed.
I was wondering if there was an easy way to change the output generation properties of the HTML editor.
I need to change it from the current XHTML standard (spans, etc) to legacy styles; <b>, <u>, <i>, etc.
I have an Editor control on my page and the user can go in use it hit save and that all works.
In another part of the page I have a simple dropdown to select a note and view it. When you push view it loads the text which was entered in via the editor control.
If the user used an order or unordered list. The text shows up but not the list part.
So if they did this:
Example
ThisAnd this
What is displaying is
Example
This
And This
Without the bullets. Same for the numbers.
I have it going to a literal control which should render the html, but it doesn't.
I have following code:
Main.aspx:
[Code]....
So here I just make my repeater and put a custom control in it.
Message.aspx:
<asp:Panel ID="CommentsPanel" runat="server">
I'm tryin to use a collapsiblepanelextender inside a modalpopupextender with dropshadow=true.
The problem is that when I collapse the panel,the dropshadow fails to resize and remains the size of the collapsed panel...
i wnat to show repater inside datalist with CollapsiblePanelExtender but not work. this is my code
[Code]....
Imports System
Imports System.Data
Imports System.Data.OleDb
Imports System.Web
Imports System.Web.UI
Imports System.Xml
Imports System.IO
Imports System.EventArgs
Imports System.Web.UI.HtmlControls
Imports System.Web.UI.WebControls
Protected Sub Page_Load(ByVal
sender As
Object,
ByVal e
As System.EventArgs)
Handles
Me.Load
Dim div1, divana
As
New HtmlGenericControl("div")
Dim lbl
As
New Label
Dim imgbt
As
New ImageButton
Dim acp
As
New AjaxControlToolkit.CollapsiblePanelExtender
Dim aacc
As
New AjaxControlToolkit.Accordion
Dim aap, aap2
As
New AjaxControlToolkit.AccordionPane
Dim cnt
As
New ContentPlaceHolder
Dim pnl
As
New Panel
Dim pnlana
As
New Panel
Dim cssUrl
As
String
Dim cssLink
As
New HtmlLink()
Dim i,n,k,p
As
Integer
Dim bag
As
New OleDbConnection
Dim s
As
String
'stylesheet add
cssUrl = Server.MapPath("daban.ccs")
cssLink.Href = cssUrl
cssLink.Attributes.Add("rel",
"stylesheet")
cssLink.Attributes.Add("type",
"text/css")
Page.Header.Controls.Add(cssLink)
'---------- find content
cnt = DirectCast(Me.Master.FindControl("ContentPlaceHolder1"),
ContentPlaceHolder)
divana.ID = "Divana"
divana.Attributes("Style") =
"padding:20px"
'---- 1. group
div1 = New HtmlGenericControl("div")
div1.ID = "divduyana"
div1.Attributes("Style") =
"padding-bottom:20px;color:#5377A9;font-family:Arial, Sans-Serif;font-weight:bold;font-ize:1.5em;"
lbl = New Label
lbl.ID = "lblana"
lbl.Text ="DUYURULAR..."
div1.Controls.Add(lbl)
divana.Controls.Add(div1)
'-----1 group end
n=3 ' normally it is getting from database
For i = 1
To n
'---- 2 group start
pnl = New Panel
pnl.ID = "Duy" + i.ToString() +
"_1"
pnl.Width = 600
pnl.Height = 30
pnl.HorizontalAlign = HorizontalAlign.Center
'image
div1 = New HtmlGenericControl("div")
div1.ID = "divimg" + i.ToString()
div1.Attributes("Style") =
"float: left; vertical-align: middle;"
imgbt = New ImageButton
imgbt.ID = "imgbt" + i.ToString()
imgbt.ImageUrl = "~/image/expand_blue.jpg"
imgbt.AlternateText = "Detaylari Goster..."
div1.Controls.Add(imgbt)
pnl.Controls.Add(div1)
'label
div1 = New HtmlGenericControl("div")
div1.ID = "divlblduy" + i.ToString()
div1.Attributes("Style") =
"float: left;"
lbl = New Label
lbl.ID = "lblduy" + i.ToString()
lbl.Text = "lbl_text balabala"
lbl.ForeColor = Drawing.Color.Red
div1.Controls.Add(lbl)
pnl.Controls.Add(div1)
' label detay goster
div1 = New HtmlGenericControl("div")
div1.ID = "divlbldet" + i.ToString()
div1.Attributes("Style") =
"float: rigth;"
lbl = New Label
lbl.ID = "lbldet" + i.ToString()
lbl.Text = "(Detaylari Goster...)"
lbl.ForeColor = Drawing.Color.Gray
div1.Controls.Add(lbl)
pnl.Controls.Add(div1)
divana.Controls.Add(pnl)
'----- 2 group end
'----- 3 group start
pnl = New Panel
pnl.ID = "Duy" + i.ToString() +
"_2"
pnl.Width = 600
' accordino
aacc = New AjaxControlToolkit.Accordion
aacc.ID = "Acc" + i.ToString()
k=2 ' normally coming from database
For t = 1
To
k
aap = New AjaxControlToolkit.AccordionPane
aap.ID = "Apane" + i.ToString() +
"_" + t.ToString()
aap.HeaderContainer.Controls.Add(New LiteralControl("anyname"))
aap.ContentContainer.Controls.Add(New LiteralControl("anycontent"))
aacc.Panes.Add(aap)
Next
aacc.HeaderCssClass = "accordionHeader"
aacc.ContentCssClass = "accordionContent"
pnl.Controls.Add(aacc)
acp = New AjaxControlToolkit.CollapsiblePanelExtender
acp.ID = "acp" + i.ToString()
acp.TargetControlID = "Duy" + i.ToString() +
"_2"
acp.ExpandControlID = "Duy" + i.ToString() +
"_1"
acp.CollapseControlID = "Duy" + i.ToString() +
"_1"
acp.Collapsed = True
acp.TextLabelID = "lbldet" + i.ToString()
acp.ImageControlID = "imgbt" + i.ToString()
acp.ExpandedText = "(Detaylari Gizle...)"
acp.CollapsedText = "(Detaylari Goster...)"
acp.ExpandedImage ="~/image/collapse_blue.jpg"
acp.CollapsedImage = "~/image/expand_blue.jpg"
acp.SuppressPostBack = True
'acp.SkinID = "CollapsiblePanelDemo"
cnt.Controls.Add(acp)
div1 = New HtmlGenericControl("div") ' this is just i add
extra
div1.ID = "divara" + i.ToString()
div1.Attributes("Style") =
"float: left;"
divana.Controls.Add(div1)
divana.Controls.Add(pnl)
Next
'----3 group end...
cnt.Controls.Add(divana)
End
Sub
<ASPX code is>
<%@
Page
Language="VB"
MasterPageFile="~/tiyap.master"
AutoEventWireup="false"
CodeFile="duyurular.aspx.vb"
Inherits="duyurular"
title="Untitled Page" %>
<%@
Register
assembly="AjaxControlToolkit"
namespace="AjaxControlToolkit"
tagprefix="ajaxToolkit" %>
<asp:Content
ID="Content1"
runat="server"
contentplaceholderid="ContentPlaceHolder1">
<ajaxToolkit:ToolkitScriptManager
ID="ToolkitScriptManager1"
runat="server">
</ajaxToolkit:ToolkitScriptManager>
</asp:Content>
there is no error...
code is working on mozzila firefox, like what i want
<div>
- collespand 1
-----accordion 1
-------acc pane 1
-------acc pane 2
- collespand 2
-----accordion 2
-------acc pane 3
-------acc pane 4
- collespand 3
-----accordion 3
-------acc pane 5
-------acc pane 6
<div>
but when i run this code inside internet explorer any version ...
result became
- collespan1
---acc 1
------ accpane1
------accpane2
----------collespan2
all going inside collespan1? what is the problem? why firefox is working ok, internet explorer not. it is a bug or i write something wrong
I went through the documentation and looked at the asp.net/webmatrix pages but could not find a RichTextEditor.
Is there one built into WebMatrix or can I just use the AjaxToolkit Html Editor or another 3rd party editor?
My GridView is bound to a sql data source and allows editing of fields. Coding is in C# and JavaScript.
Using Visual Studio 2008 in test mode, if I enter a less-than "<" or greater-than ">" character in a GridView textbox an error is immediately thrown upon pressing enter:
"Microsoft Visual Studio Mirosoft JScript runtime error: Sys.WebForms.PageRequestManagerServerErrorException: An unknown error occurred while processing the request on the server. The status dode returned from the server was: 500"
When the < or > is entered in production, the page aborts and loads the application start page.
I need to be able to catch and replace those characters BEFORE the error is thrown. I've tried hooking OnTextChange code to the textboxes, but the error is thrown as soon as I press enter...the OnTextChange code never runs.
I'm trying to update my web site with the HTMLEditor control for Blog posting. I really need to know what my web.config changes need to be too. I get this error:Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>).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.
[code]...
get text (non html/ not formatted) from ajax text editor in asp.net i am using vs 2008.
i am using AjaxControlToolkit.HTMLEditor
you can see same kind of at : ajax HtmlEditor
I have a AJAX editor and I want to put the HTML content in a database and I want to get the HTML data from the database to put in the HTML editor, in HTML mode.
So I do:
Editor1.ActiveMode = AjaxControlToolkit.HTMLEditor.ActiveModeType.Html;
I am using VB.NET and implementing AJAX HTMLEditor, I want to remove some of the unused button from the HTMLEditor. I did use the Lite HTMLEditor by adding HTMLEditor.Samples.VB in App_Code folder.And add the following at the top of the page
<%@ Register
TagPrefix="customEditors"
Namespace="AjaxControlToolkit.HTMLEditor.Samples" %>
how to use the html editor control in ajax. i want to be able to use it to submit a written text to a database or send an email from my webpage.
View 1 RepliesHow can I create a control that ables me to edit the text area with html commands like "bold" and etc. ???
We have it in ajax control tool kit just for 3.5 framework but for the others version like 2.0 we don't have this control...so how can I do some thing like that ?
I use the HTML editor to capture a users post. It saves to an Access database and is displayed on our intranet. In english it works fine but we have users who post in spanish. Any special Spanish characture with accents (Such as à ) do not get stored and redisplayed properly. Once saved to the db it appears as a black diamond with a question mark in it. When it's displayed on the web page it shows just a square box. I use server.htmlencode and decode if that helps. I can switch to HTML text view and put in the escape codes, but it's not an efficient way of expecting my users to work.
View 2 RepliesI need the client side only version of the HTML Editor (if it exsists) and if it does, can someone show me a basic example, or point me to one?
View 3 Repliesto customize HTML editor. I've seen that it is possible to change the buttons, etc., but is it possible to remove the parts of the menu in it? To be precise I would like to remove font selector and color selector, but I don't know how.
View 2 RepliesI use HTML Editor Ajax. But it does't include smileys. How can I add smiles?
View 1 RepliesHow can i set HtmlEditor ReadOnly ?
View 2 RepliesI am trying to write a customized Ajax HTML editor control and since noone knows how to resolve the problems I am having with including my source file SimpleEditor.cs inside my asp.net web application (refer to thread: [URL] I would like to know if I can compile the custom control into a .dll file and then somehow try using that inside my project. To start with I am creating a very simple editor with very little changes. Once I get it to work then I can move forward with putting in the rest of the customization. By the way in case anyone is interested I am trying to accomplish two things with my custom editor.
1 I want to reduce the buttons to just a few basic buttons.
2. I want to add a custom button to allow the user to insert a picture.
Below is the code I have in my SimpleEditor.cs file:
[Code]....