Example - Full Screen Editor

ASP.NET User's Guide > HTML5 Web Editor (Web.TextControl)

The HTML5 Web Editor has three docking modes: None, Fill and Window. If set to None, the control size itself is used to render the editor. Fill fills the wrapping container and Window fills the complete browser Window. This sample is basically the tutorial that is launched on a button click in the Sample Explorer.

This example is part of the Sample Explorer project which includes all samples in one. The sources for this sample project can be found here:

Language Project Location
C# %USERPROFILE%\Documents\TX Text Control 26.0.NET Server for ASP.NET\Samples\ASP.NET\CSharp\Sample Explorer\
VB.NET %USERPROFILE%\Documents\TX Text Control 26.0.NET Server for ASP.NET\Samples\ASP.NET\VB.NET\Sample Explorer\

You will find the source code and the ASPX page of this sample in the Solution structure tree under: HTML5\fullwindow.aspx

Example description

The demo has a simple button Launch editor that opens another Web Form with a Web.TextControl on it.

<a target="_blank" href="/HTML5/html5_fullwindowform.aspx"><p class="button_back">Launch editor</p></a>

Click the button Launch editor to open the second Web Form.

The opened Web Form simply contains an instance of the Web.TextControl with the property Dock set to Window to fill the complete Web Form:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="html5_fullwindowform.aspx.cs" 
    Inherits="tx_aspnet_samples.HTML5.html5_fullwindowform" %>

<%@ Register Assembly="TXTextControl.Web, 
    Version=26.0.600.500, Culture=neutral, 
    PublicKeyToken=6b83fe9a75cfb638" Namespace="TXTextControl.Web" TagPrefix="cc1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <form id="form1" runat="server">

        <cc1:TextControl ID="TextControl1" runat="server" Dock="Window" />