calling aspx page in tabpanel

  1. #1

    calling aspx page in tabpanel

    Hi

    we are trying to call the aspx page in tabpanel, it renders correctly but does not renders property correctly of the ext.net elements.
    Like this field
    <ext:Parameter Name="AllowBlank" Value="false" Mode="Raw" />
    does not renders the red circle around the textfield or red line in the text field.

    Images attached for ease of understanding the problem.

    thanks.

    Click image for larger version. 

Name:	individual.JPG 
Views:	188 
Size:	81.0 KB 
ID:	3301Click image for larger version. 

Name:	inside tabpanel.JPG 
Views:	358 
Size:	95.4 KB 
ID:	3302

    Please let us know about how to solve this.
    Looking forward to your reply.

    CODE FOR INDIVIDUAL PANEL






    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="IndividualPanel.aspx.cs" Inherits="IndividualPanel" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    
        <ext:ResourceManager ID="ResourceManager1" runat="server" />
        
    <ext:FormPanel 
                                 ID="Panel22"
                                 runat="server"
                                 Frame="true"
                                 height="200"
                                 Layout="Column"
                                 ButtonAlign="Right"
                                 MonitorPoll="500"
                                    MonitorValid="true" 
                                 Style="width: 100%;" >
                <Items> 
                    
                    <ext:Panel ID="Panel1"
                     
                     runat="server" Border="false" Header="false" ColumnWidth=".5" Layout="FormLayout" LabelAlign="Left">
                        <Defaults>
                            <ext:Parameter Name="AllowBlank" Value="false" Mode="Raw" />
                            <ext:Parameter Name="MsgTarget" Value="side" />
                        </Defaults>
                        <Items>
                            <ext:TextField ID="TextField1" runat="server" FieldLabel="First Name" AnchorHorizontal="92%" 
                              ></ext:TextField>
                            <ext:TextField ID="TextField2" runat="server" FieldLabel="Company" AnchorHorizontal="92%" ></ext:TextField>
                        </Items>
                    </ext:Panel>
         </Items>
         </ext:FormPanel>




    CODE FOR TAB PANEL WHERE INDIVIDUAL PANEL IS CALLED


    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
    
    <%@ 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>Auto</title>
        <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css' />
        <link href="StyleSheet2.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <form id="form1" runat="server">
            <ext:ResourceManager runat="server" />
            <div class="main-container">
                <div class="mc-header">
                    <div class="mc-h-title">
                        <h1 class="company-text">Automatrix</h1>
                    </div>
                    <div class="mc-h-sub-menu">
                        <ext:Button ID="logoutButton" runat="server" Text="Logout" Width="100" 
                         Style="margin: 10px 0 0 250px;"
                         />
                    </div>
                </div>
                <div class="mc-details-section">
                    <div class="mc-ds-section1">
                        <p style="margin: 0 0 0 25px;">Branch:</p>
                        <p>User:</p>
                        <p>Current Date:</p>
                    </div>
                    <div class="mc-ds-section2">
                        <p style="margin: 10px 0 0 20px;">Application ID:</p>
                        <p >Name:</p>
                        <p >Amount:</p>
                    </div>
                    <div class="mc-ds-section3">
                    
                    </div>
                </div>
                <div class="mc-main-section">
                    <ext:TabPanel
                     ID="PersonalAddressDetailsPanel"
                     runat="server"
                     ActiveTabIndex="0"
                     Width="300"
                     height="250"
                     Plain="true" 
                     Style="margin: 10px 0 0 20px;">
                        <Items>
                            
                            <ext:Panel
                             ID="IndividualPanel"
                             runat="server"
                             Title="Individual"
                             Padding="6"
                             DefaultType="IFramePanel"
                             AutoScroll="true" >
                                
                                 <AutoLoad Url="IndividualPanel.aspx"/>
                             </ext:Panel>
                        </Items> 
                        
                    </ext:TabPanel>
                    
                </div>
                
            </div>
            
        </form>
    </body>
    </html>
  2. #2

    CLOSED adding Mode="IFrame" would solve the problem

    CLOSED adding Mode="IFrame" would solve the problem

    Quote Originally Posted by hsmukunda View Post
    Hi

    we are trying to call the aspx page in tabpanel, it renders correctly but does not renders property correctly of the ext.net elements.
    Like this field
    <ext:Parameter Name="AllowBlank" Value="false" Mode="Raw" />
    does not renders the red circle around the textfield or red line in the text field.

    Images attached for ease of understanding the problem.

    thanks.

    Click image for larger version. 

Name:	individual.JPG 
Views:	188 
Size:	81.0 KB 
ID:	3301Click image for larger version. 

Name:	inside tabpanel.JPG 
Views:	358 
Size:	95.4 KB 
ID:	3302

    Please let us know about how to solve this.
    Looking forward to your reply.

    CODE FOR INDIVIDUAL PANEL






    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="IndividualPanel.aspx.cs" Inherits="IndividualPanel" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    
        <ext:ResourceManager ID="ResourceManager1" runat="server" />
        
    <ext:FormPanel 
                                 ID="Panel22"
                                 runat="server"
                                 Frame="true"
                                 height="200"
                                 Layout="Column"
                                 ButtonAlign="Right"
                                 MonitorPoll="500"
                                    MonitorValid="true" 
                                 Style="width: 100%;" >
                <Items> 
                    
                    <ext:Panel ID="Panel1"
                     
                     runat="server" Border="false" Header="false" ColumnWidth=".5" Layout="FormLayout" LabelAlign="Left">
                        <Defaults>
                            <ext:Parameter Name="AllowBlank" Value="false" Mode="Raw" />
                            <ext:Parameter Name="MsgTarget" Value="side" />
                        </Defaults>
                        <Items>
                            <ext:TextField ID="TextField1" runat="server" FieldLabel="First Name" AnchorHorizontal="92%" 
                              ></ext:TextField>
                            <ext:TextField ID="TextField2" runat="server" FieldLabel="Company" AnchorHorizontal="92%" ></ext:TextField>
                        </Items>
                    </ext:Panel>
         </Items>
         </ext:FormPanel>




    CODE FOR TAB PANEL WHERE INDIVIDUAL PANEL IS CALLED


    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
    
    <%@ 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>Auto</title>
        <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css' />
        <link href="StyleSheet2.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <form id="form1" runat="server">
            <ext:ResourceManager runat="server" />
            <div class="main-container">
                <div class="mc-header">
                    <div class="mc-h-title">
                        <h1 class="company-text">Automatrix</h1>
                    </div>
                    <div class="mc-h-sub-menu">
                        <ext:Button ID="logoutButton" runat="server" Text="Logout" Width="100" 
                         Style="margin: 10px 0 0 250px;"
                         />
                    </div>
                </div>
                <div class="mc-details-section">
                    <div class="mc-ds-section1">
                        <p style="margin: 0 0 0 25px;">Branch:</p>
                        <p>User:</p>
                        <p>Current Date:</p>
                    </div>
                    <div class="mc-ds-section2">
                        <p style="margin: 10px 0 0 20px;">Application ID:</p>
                        <p >Name:</p>
                        <p >Amount:</p>
                    </div>
                    <div class="mc-ds-section3">
                    
                    </div>
                </div>
                <div class="mc-main-section">
                    <ext:TabPanel
                     ID="PersonalAddressDetailsPanel"
                     runat="server"
                     ActiveTabIndex="0"
                     Width="300"
                     height="250"
                     Plain="true" 
                     Style="margin: 10px 0 0 20px;">
                        <Items>
                            
                            <ext:Panel
                             ID="IndividualPanel"
                             runat="server"
                             Title="Individual"
                             Padding="6"
                             DefaultType="IFramePanel"
                             AutoScroll="true" >
                                
                                 <AutoLoad Url="IndividualPanel.aspx"/>
                             </ext:Panel>
                        </Items> 
                        
                    </ext:TabPanel>
                    
                </div>
                
            </div>
            
        </form>
    </body>
    </html>

Similar Threads

  1. Replies: 5
    Last Post: Oct 23, 2012, 2:19 PM
  2. Replies: 7
    Last Post: Jul 31, 2012, 8:31 PM
  3. [CLOSED] V2.0 TabPanel Show Page aspx
    By Aurelio in forum 2.x Legacy Premium Help
    Replies: 2
    Last Post: Mar 05, 2012, 3:34 PM
  4. Replies: 2
    Last Post: Oct 12, 2011, 7:49 AM
  5. [CLOSED] Calling a code-behind function from my aspx page
    By Bert76 in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Jul 08, 2011, 3:53 PM

Tags for this Thread

Posting Permissions