ComponentOne Extender Controls for ASP.NET Web Forms
Wijmo Control Toolkit Extender Controls / C1EditorExtender / C1EditorExtender Tutorial / Step 2 of 3: Customizing the Editor
In This Topic
    Step 2 of 3: Customizing the Editor
    In This Topic

    In this topic you will add some text to the TextBox and set some of the properties for the C1EditorExtender. You will change the view to Split view and show a simpler version of the editing ribbon.

    1. Resize the TextBox to make it larger, set the TextMode property to MultiLine, and enter some content. For example, use the following XAML markup:

    <asp:TextBox ID="TextBox1" runat="server" Width="760" Height="530" TextMode="MultiLine">

                <h1>

                    JavaScript</h1>

                <p>

                    <img src="//upload.wikimedia.org/wikipedia/en/thumb/6/6a/JavaScript-logo.png/200px-JavaScript-logo.png" alt="JavaScript-logo.png" height="200" width="200" style="float: left; margin: 10px">

                    JavaScript is a prototype-based scripting language that is dynamic, weakly typed and has first-class functions. It is a multi-paradigm language, supporting object-oriented, imperative, and functional programming styles. JavaScript was formalized in the ECMAScript language standard and is primarily used in the form of client-side JavaScript, implemented as part of a Web browser in order to provide enhanced user interfaces and dynamic websites. This enables programmatic access to computational objects within a host environment. JavaScript's use in applications outside Web pages - for example in PDF documents, site-specific browsers, and desktop widgets - is also significant. Newer and faster JavaScript VMs and frameworks built upon them (notably Node.js) have also increased the popularity of JavaScript for server-side web applications. JavaScript uses syntax influenced by that of C. JavaScript copies many names and naming conventions from Java, but the two languages are otherwise unrelated and have very different semantics. The key design principles within JavaScript are taken from the Self and Scheme programming languages.</p>

                <h2>

                    History

                </h2>

                <p>

                    JavaScript was originally developed by Brendan Eich of Netscape under the name Mocha, which was later renamed to LiveScript, and finally to JavaScript. LiveScript was the official name for the language when it first shipped in beta releases of Netscape Navigator 2.0 in September 1995, but it was renamed JavaScript in a joint announcement with Sun Microsystems on December 4, 1995, when it was deployed in the Netscape browser version 2.0B3.

                </p>

                <p>

                    The change of name from LiveScript to JavaScript roughly coincided with Netscape adding support for Java technology in its Netscape Navigator web browser. The final choice of name caused confusion, giving the impression that the language was a spin-off of the Java programming language, and the choice has been characterized by many as a marketing ploy by Netscape to give JavaScript the cachet of what was then the hot new web-programming language. It has also been claimed that the language's name is the result of a co-marketing deal between Netscape and Sun, in exchange for Netscape bundling Sun's Java runtime with its then-dominant browser.

                </p>

                <p>

                    JavaScript very quickly gained widespread success as a client-side scripting language for web pages. As a consequence, Microsoft named its implementation JScript to avoid trademark issues. JScript added new date methods to fix the Y2K-problematic methods in JavaScript, which were based on Java's java.util.Date class. JScript was included in Internet Explorer 3.0, released in August 1996.

                </p>

        </asp:TextBox>

    1. Select View | Properties Window in the Visual Studio menu.
    2. Click the drop-down list at the top of the Properties window and select TextBox1_C1EditorExtender.
    3. Set the C1EditorExtender.EditorMode property to Split.
    4. Set the C1EditorExtender.Mode property to Simple.
    5. Now run the project to see the editor.