[CLOSED] Need to show the login window to the right side and need to show static message to the left.

Hi,

I would implement it this way.

Example

Code:

<%@ 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> <script type="text/javascript"> var onForgot = function () { var win = this; win.layout.setActiveItem(1); win.setTitle("Recovery"); }; var onBack = function (win) { win.layout.setActiveItem(0); win.setTitle("Login"); }; </script> <style type="text/css"> .forgot { color: blue; text-decoration: underline; padding-right: 20px; } .forgot:hover { cursor: pointer; } </style> </head> <body> <form runat="server"> <ext:ResourceManager runat="server"> <Listeners> <DocumentReady Handler="Window1.alignTo(Ext.getBody(), 'r-r');" /> <WindowResize Handler="Window1.alignTo(Ext.getBody(), 'r-r');" /> </Listeners> </ext:ResourceManager> <ext:Viewport runat="server" Layout="VBoxLayout"> <LayoutConfig> <ext:VBoxLayoutConfig Pack="Center" /> </LayoutConfig> <Items> <ext:Container runat="server" Html="Hello World!" /> </Items> </ext:Viewport> <ext:Window ID="Window1" runat="server" Title="Login" Width="300" Height="140" Layout="CardLayout" ActiveIndex="0"> <Items> <ext:Container runat="server" Layout="VBoxLayout"> <LayoutConfig> <ext:VBoxLayoutConfig Align="Stretch" /> </LayoutConfig> <Items> <ext:FormPanel runat="server" Height="60" BodyStyle="background-color: transparent;" Border="false" Margins="10" DefaultAnchor="100%"> <Items> <ext:TextField runat="server" FieldLabel="User" /> <ext:TextField runat="server" FieldLabel="Password" /> </Items> </ext:FormPanel> <ext:Container runat="server" Layout="HBoxLayout" Height="50"> <LayoutConfig> <ext:HBoxLayoutConfig Pack="End" /> </LayoutConfig> <Items> <ext:DisplayField runat="server" Text="Forgot?" Cls="forgot"> <Listeners> <Render Handler="this.el.on('click', onForgot, Window1);" /> </Listeners> </ext:DisplayField> </Items> </ext:Container> </Items> </ext:Container> <ext:Container runat="server"> <Items> <ext:DisplayField runat="server" Text="Recovery credentials." /> <ext:Button runat="server" Text="Back"> <Listeners> <Click Handler="onBack(Window1);" /> </Listeners> </ext:Button> </Items> </ext:Container> </Items> </ext:Window> </form> </body> </html>