# AspNetPanel

To use the `AspNetPanel` control, simply set the `PageSource` property to the location of an existing .aspx document in the project.

{% hint style="info" %}
For a full list of properties, methods and events see the [API documentation.](http://docs.wisej.com/api)
{% endhint %}

## Features

### Page Source

Any ASP.NET or MVC page source can be shown in the `AspNetPanel` control.

Here's a sample page that converts text from lowercase to uppercase.

![ASP.NET sample page showing text conversion interface](https://553579532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MF1D11gPs_az3xaKusw%2Fuploads%2Fgit-blob-241b51f4bab4770ec1dc5bde7feeb0cbf591d6ee%2Fimage.png?alt=media)

The corresponding code in the `PageSource`:

{% tabs %}
{% tab title="ASP.NET (C#)" %}

```aspnet
<!-- directives -->
<% @Page Language="C#" %>

<!-- code section -->
<script runat="server">

   private void convertoupper(object sender, EventArgs e)
   {
      string str = mytext.Value;
      changed_text.InnerHtml = str.ToUpper();
   }
</script>

<!-- Layout -->
<html>
   <head> 
      <title> Change to Upper Case </title> 
   </head>
   
   <body>
      <h3> Conversion to Upper Case </h3>
      
      <form runat="server">
         <input runat="server" id="mytext" type="text" />
         <input runat="server" id="button1" type="submit" value="Enter..." OnServerClick="convertoupper"/>
         
         <hr />
         <h3> Results: </h3>
         <span runat="server" id="changed_text" />
      </form>
      
   </body>
   
</html>
```

{% endtab %}
{% endtabs %}

## Advanced

### JavaScript Widget

| Item             | Description                                                                                                         |
| ---------------- | ------------------------------------------------------------------------------------------------------------------- |
| Class name       | "wisej.web.IFrame"                                                                                                  |
| Theme appearance | "iframe", see [Themes](https://docs.wisej.com/theme-builder/theme-elements/elements).                               |
| Child components | "frame" is the iframe element. See [JavaScript](https://docs.wisej.com/docs/concepts/javascript-object-model).      |
| Source Code      | [https://github.com/iceteagroup/wisej-js](https://github.com/iceteagroup/wisej-js/blob/master/wisej.web.TextBox.js) |
