responsiveConfig is problem

  1. #1

    responsiveConfig is problem

    In ExtJs code
    responsiveConfig: {
            tall: {
                headerPosition: 'top'
            },
            wide: {
                headerPosition: 'left'
            }
        }
    as it is played on ext.net mvc?
    Thank you!
  2. #2
    For some Responsive Examples, take a look on http://forums.ext.net/showthread.php?55861.
    Last edited by RCN; Mar 16, 2015 at 2:37 AM.
  3. #3
    Click image for larger version. 

Name:	rs001.png 
Views:	2 
Size:	6.1 KB 
ID:	22631

    Click image for larger version. 

Name:	rs002.png 
Views:	1 
Size:	6.3 KB 
ID:	22641

    <!DOCTYPE html>
    <html>
    <head runat="server">
    </head>
    <body>
        <ext:ResourceManager Theme="Crisp" runat="server" />
        <ext:Panel Html="Content" Width="300" Height="300" Border="true" runat="server">
            <ResponsiveConfig>
                <ext:ResponsiveRule Rule="width <= 400">
                    <Config>
                        <ext:Panel Title="Width <= 400" HeaderPosition="Left" runat="server" />
                    </Config>
                </ext:ResponsiveRule>
                <ext:ResponsiveRule Rule="width > 400">
                    <Config>
                        <ext:Panel Title="Width > 400" HeaderPosition="Right" runat="server" />
                    </Config>
                </ext:ResponsiveRule>
            </ResponsiveConfig>
        </ext:Panel>
    </body>
    </html>
    Click image for larger version. 

Name:	rs003.png 
Views:	2 
Size:	54.0 KB 
ID:	22651

    Click image for larger version. 

Name:	rs004.png 
Views:	2 
Size:	5.7 KB 
ID:	22661
    <!DOCTYPE html>
    <html>
    <head runat="server">
    </head>
    <body>
        <ext:ResourceManager Theme="Crisp" runat="server" />
        <ext:Panel Html="Content" Width="300" Height="300" Border="true" runat="server">
            <ResponsiveConfig>
                <ext:ResponsiveRule Rule="tall">
                    <Config>
                        <ext:Panel Title="Tall" HeaderPosition="Top" runat="server" />
                    </Config>
                </ext:ResponsiveRule>
                <ext:ResponsiveRule Rule="wide">
                    <Config>
                        <ext:Panel Title="Wide" HeaderPosition="Left" runat="server" />
                    </Config>
                </ext:ResponsiveRule>
            </ResponsiveConfig>
        </ext:Panel>
    </body>
    </html>
    Last edited by RCN; Mar 16, 2015 at 2:49 AM.

Similar Threads

  1. Replies: 2
    Last Post: Mar 06, 2015, 2:21 PM
  2. Replies: 2
    Last Post: Sep 03, 2013, 8:08 AM
  3. Replies: 5
    Last Post: Jun 10, 2009, 5:13 AM

Tags for this Thread

Posting Permissions