Sure. Please use the FormPanel instead of Panel.
Example
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Ext.Net Example</title>
<style type="text/css">
.myNoteCls {
color: Black !important;
}
.icon-exclamation {
padding-left: 25px !important;
background: url(/icons/exclamation-png/ext.axd) no-repeat 3px 3px !important;
}
.icon-accept {
padding-left: 25px !important;
background: url(/icons/accept-png/ext.axd) no-repeat 3px 3px !important;
}
</style>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<ext:FormPanel
ID="FormPanel1"
runat="server"
Height="300"
MonitorPoll="500"
MonitorValid="true">
<Items>
<ext:Container runat="server" Layout="hbox">
<Defaults>
<ext:Parameter Name="margins" Value="10 10 10 10" Mode="Value" />
<ext:Parameter Name="AllowBlank" Value="false" Mode="Raw" />
</Defaults>
<Items>
<ext:TextField
runat="server"
Note="TextField1:"
NoteAlign="Top"
NoteCls="myNoteCls"
Width="200" />
<ext:TextField
runat="server"
Note="TextField2:"
NoteAlign="Top"
NoteCls="myNoteCls"
Width="200" />
<ext:TextField
runat="server"
Note="TextField3:"
NoteAlign="Top"
NoteCls="myNoteCls"
Flex="1" />
</Items>
</ext:Container>
<ext:Container runat="server" Layout="hbox">
<Defaults>
<ext:Parameter Name="margins" Value="10 10 10 10" Mode="Value" />
<ext:Parameter Name="AllowBlank" Value="false" Mode="Raw" />
</Defaults>
<Items>
<ext:TextArea
runat="server"
Note="TextArea:"
NoteAlign="Top"
NoteCls="myNoteCls"
Width="200"
Height="100" />
</Items>
</ext:Container>
<ext:Container runat="server" Layout="hbox">
<Defaults>
<ext:Parameter Name="margins" Value="10 10 10 10" Mode="Value" />
<ext:Parameter Name="AllowBlank" Value="false" Mode="Raw" />
</Defaults>
<Items>
<ext:TextField
runat="server"
Note="TextField4:"
NoteAlign="Top"
NoteCls="myNoteCls"
Width="200" />
<ext:TextField
runat="server"
Note="TextField5:"
NoteAlign="Top"
NoteCls="myNoteCls"
Width="200" />
<ext:TextField
runat="server"
Note="TextField6:"
NoteAlign="Top"
NoteCls="myNoteCls"
Flex="1" />
<ext:TextField
runat="server"
Note="TextField7:"
NoteAlign="Top"
NoteCls="myNoteCls"
Flex="1" />
</Items>
</ext:Container>
</Items>
<Buttons>
<ext:Button runat="server" Text="Save">
<Listeners>
<Click Handler="if (#{FormPanel1}.getForm().isValid()) {
Ext.Msg.alert('Submit', 'Saved!');
}
else {
Ext.Msg.show({
icon: Ext.MessageBox.ERROR,
msg: 'FormPanel is incorrect', buttons:Ext.Msg.OK});
}" />
</Listeners>
</ext:Button>
<ext:Button runat="server" Text="Cancel" />
</Buttons>
<BottomBar>
<ext:StatusBar runat="server" />
</BottomBar>
<Listeners>
<ClientValidation Handler="el.getBottomToolbar().setStatus({
text : valid ? 'Form is valid' : 'Form is invalid',
iconCls: valid ? 'icon-accept' : 'icon-exclamation'});" />
</Listeners>
</ext:FormPanel>
</form>
</body>
</html>