Rich Text Editor

Labels
AJAX(112) App Studio(7) Apple(1) Application Builder(245) Application Factory(207) ASP.NET(95) ASP.NET 3.5(45) ASP.NET Code Generator(72) ASP.NET Membership(28) Azure(18) Barcode(2) Barcodes(3) BLOB(18) Business Rules(1) Business Rules/Logic(140) BYOD(13) Caching(2) Calendar(5) Charts(29) Cloud(14) Cloud On Time(2) Cloud On Time for Windows 7(2) Code Generator(54) Collaboration(11) command line(1) Conflict Detection(1) Content Management System(12) COT Tools for Excel(26) CRUD(1) Custom Actions(1) Data Aquarium Framework(122) Data Sheet(9) Data Sources(22) Database Lookups(50) Deployment(22) Designer(177) Device(1) DotNetNuke(12) EASE(20) Email(6) Features(101) Firebird(1) Form Builder(14) Globalization and Localization(6) How To(1) Hypermedia(2) Inline Editing(1) Installation(5) JavaScript(20) Kiosk(1) Low Code(3) Mac(1) Many-To-Many(4) Maps(6) Master/Detail(36) Microservices(4) Mobile(63) Mode Builder(3) Model Builder(3) MySQL(10) Native Apps(5) News(18) OAuth(8) OAuth Scopes(1) OAuth2(11) Offline(20) Offline Apps(4) Offline Sync(5) Oracle(10) PKCE(2) PostgreSQL(2) PWA(2) QR codes(2) Rapid Application Development(5) Reading Pane(2) Release Notes(179) Reports(48) REST(29) RESTful(29) RESTful Workshop(15) RFID tags(1) SaaS(7) Security(80) SharePoint(12) SPA(6) SQL Anywhere(3) SQL Server(26) SSO(1) Stored Procedure(4) Teamwork(15) Tips and Tricks(87) Tools for Excel(2) Touch UI(93) Transactions(5) Tutorials(183) Universal Windows Platform(3) User Interface(338) Video Tutorial(37) Web 2.0(100) Web App Generator(101) Web Application Generator(607) Web Form Builder(40) Web.Config(9) Workflow(28)
Archive
Blog
Tuesday, November 2, 2010PrintSubscribe
Rich Text Editor

Code On Time applications now support rich text editing through the component HTML Editor included with Ajax Control Toolkit.

Suppose that you want to enable rich editing of the category description in the following screen of the Northwind sample application created with Code On Time.

image

Open the project in the code generator, select All Controllers tab and activate Categories data controller. Select Fields tab and activate field Description, select Data Fields tab. Your screen will look similar to the one below.

image

Activate each binding of Description field to the views createForm1, editForm1, and grid1 and set its Text Mode property to Rich Text.

image

This property will activate the rich editing capability when you access the field in edit mode while creating new or editing an existing record. Here is a picture of a category record in edit mode with rich editing enabled for Description field.

image

If a data field is set to display Rich Text then automatic HTML encoding is disabled and the field value is displayed as-is. The screen shot below shows the saved value reflected on the side bar and inline.

image

Rich Editor can be replaced with other 3-rd party controls.

The client framework of Code On Time applications supports extensible custom field editor architecture. We will discuss the process of field editor customization in the next post.