[CLOSED] Design issue

  1. #1

    [CLOSED] Design issue

    Hi,

    In my design the textbox button line is cutting and the lable is align to top, I want lable to align to center is there any property or javascript.
    Browser: IE 6.0
    My desing is
    [img]file:///C:/DOCUME%7E1/koti/LOCALS%7E1/Temp/moz-screenshot.jpg[/img]<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %>
    
    <%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
    <%@ Register Src="~/UserControls/ProcessedBy.ascx" TagName="ProcessedBy" TagPrefix="uc1" %>
    <!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 id="Head1" runat="server">
        <title></title>
       
    </head>
    <body>
        <ext:ScriptManager ID="ScriptManager1" runat="server" />
        <form id="form1" runat="server">
            <ext:ViewPort runat="server" ID="parentPanel" Width="100%" Height="100%">
                <Body>
                    <ext:BorderLayout ID="BL" runat="Server">
                        <Center>
                            <ext:Panel ID="pnl" runat="Server" Border="false">
                                <Body>
                                    <ext:FormLayout ID="FormLayout1" runat="server">
                                        <ext:Anchor Horizontal="100%">
                                            <ext:Panel Border="false" ID="Panel155" runat="server" Height="1">
                                                <Body>
                                                </Body>
                                            </ext:Panel>
                                        </ext:Anchor>
                                        <ext:Anchor Horizontal="100%">
                                            <ext:Panel Border="false" ID="pan" runat="server">
                                                <Body>
                                                    <ext:ColumnLayout ID="ColumnLayout2" runat="server" FitHeight="false">
                                                        <ext:LayoutColumn ColumnWidth="0.20">
                                                            <ext:Panel Border="false" ID="Panel6" runat="server">
                                                                <Body>
                                                                    <ext:Label Style="float: right" Cls=".ext-ie7 .onepx-shift" ID="lblCode" runat="server" Text="<%$Resources:Resource,Code11%>">
                                                                    </ext:Label>
                                                                </Body>
                                                            </ext:Panel>
                                                        </ext:LayoutColumn>
                                                        <ext:LayoutColumn>
                                                            <ext:Panel Border="false" ID="Panel73" runat="server" Width="3">
                                                                <Body>
                                                                </Body>
                                                            </ext:Panel>
                                                        </ext:LayoutColumn>
                                                        <ext:LayoutColumn ColumnWidth="0.30">
                                                            <ext:Panel Border="false" ID="Panel7" runat="server">
                                                                <Body>
                                                                    <ext:FitLayout ID="FitLayout5" runat="server">
                                                                        <ext:TextField Cls="cntrlFont" ID="txtCode" runat="server">
                                                                        </ext:TextField>
                                                                    </ext:FitLayout>
                                                                </Body>
                                                            </ext:Panel>
                                                        </ext:LayoutColumn>
                                                        <ext:LayoutColumn ColumnWidth="0.05">
                                                            <ext:Panel Border="false" ID="Panel27" runat="server">
                                                                <Body>
                                                                </Body>
                                                            </ext:Panel>
                                                        </ext:LayoutColumn>
                                                        <ext:LayoutColumn ColumnWidth="0.36">
                                                            <ext:Panel Border="false" ID="Panel14" runat="server">
                                                                <Body>
                                                                    <ext:FitLayout ID="FitLayout12" runat="server">
                                                                        <ext:ComboBox Cls="cntrlFont" ID="cbo" runat="server">
                                                                        </ext:ComboBox>
                                                                    </ext:FitLayout>
                                                                </Body>
                                                            </ext:Panel>
                                                        </ext:LayoutColumn>
                                                        <ext:LayoutColumn ColumnWidth="0.10">
                                                            <ext:Panel Border="false" ID="Panel1" runat="server">
                                                                <Body>
                                                                    <ext:Button ID="btn" runat="server" Text="...">
                                                                    </ext:Button>
                                                                </Body>
                                                            </ext:Panel>
                                                        </ext:LayoutColumn>
                                                    </ext:ColumnLayout>
                                                </Body>
                                            </ext:Panel>
                                        </ext:Anchor>
                                        <ext:Anchor Horizontal="100%">
                                            <ext:Panel Border="false" ID="Panel28" runat="server" Height="1">
                                                <Body>
                                                </Body>
                                            </ext:Panel>
                                        </ext:Anchor>
                                        <ext:Anchor Horizontal="100%">
                                            <ext:Panel Border="false" ID="Panel8" runat="server">
                                                <Body>
                                                    <ext:ColumnLayout ID="ColumnLayout3" runat="server" FitHeight="false">
                                                        <ext:LayoutColumn ColumnWidth="0.20">
                                                            <ext:Panel Border="false" ID="Panel9" runat="server">
                                                                <Body>
                                                                    <ext:Label Style="float: right" ID="lblName" runat="server" Text="<%$Resources:Resource,Name11%>">
                                                                    </ext:Label>
                                                                </Body>
                                                            </ext:Panel>
                                                        </ext:LayoutColumn>
                                                        <ext:LayoutColumn>
                                                            <ext:Panel Border="false" ID="Panel74" runat="server" Width="3">
                                                                <Body>
                                                                </Body>
                                                            </ext:Panel>
                                                        </ext:LayoutColumn>
                                                        <ext:LayoutColumn ColumnWidth="0.80">
                                                            <ext:Panel Border="false" ID="Panel10" runat="server">
                                                                <Body>
                                                                    <ext:FitLayout ID="FitLayout7" runat="server">
                                                                        <ext:TextField Cls="cntrlFont" ID="txtName" runat="server">
                                                                        </ext:TextField>
                                                                    </ext:FitLayout>
                                                                </Body>
                                                            </ext:Panel>
                                                        </ext:LayoutColumn>
                                                    </ext:ColumnLayout>
                                                </Body>
                                            </ext:Panel>
                                        </ext:Anchor>
                                        <ext:Anchor Horizontal="100%">
                                            <ext:Panel Border="false" ID="Panel48" runat="server" Height="1">
                                                <Body>
                                                </Body>
                                            </ext:Panel>
                                        </ext:Anchor>
                                        <ext:Anchor Horizontal="100%">
                                            <ext:Panel Border="false" ID="Panel15" runat="server">
                                                <Body>
                                                    <ext:ColumnLayout ID="ColumnLayout5" runat="server" FitHeight="false">
                                                        <ext:LayoutColumn ColumnWidth="0.20">
                                                            <ext:Panel Border="false" ID="Panel16" runat="server">
                                                                <Body>
                                                                    <ext:Label Style="float: right" ID="lblAddition" runat="server" Text="<%$Resources:Resource,Addition11%>">
                                                                    </ext:Label>
                                                                </Body>
                                                            </ext:Panel>
                                                        </ext:LayoutColumn>
                                                        <ext:LayoutColumn>
                                                            <ext:Panel Border="false" ID="Panel75" runat="server" Width="3">
                                                                <Body>
                                                                </Body>
                                                            </ext:Panel>
                                                        </ext:LayoutColumn>
                                                        <ext:LayoutColumn ColumnWidth="0.80">
                                                            <ext:Panel Border="false" ID="Panel17" runat="server">
                                                                <Body>
                                                                    <ext:FitLayout ID="FitLayout11" runat="server">
                                                                        <ext:TextField Cls="cntrlFont" ID="txtAddition" runat="server">
                                                                        </ext:TextField>
                                                                    </ext:FitLayout>
                                                                </Body>
                                                            </ext:Panel>
                                                        </ext:LayoutColumn>
                                                    </ext:ColumnLayout>
                                                </Body>
                                            </ext:Panel>
                                        </ext:Anchor>
                                        <ext:Anchor Horizontal="100%">
                                            <ext:Panel Border="false" ID="Panel49" runat="server" Height="1">
                                                <Body>
                                                </Body>
                                            </ext:Panel>
                                        </ext:Anchor>
                                        <ext:Anchor Horizontal="100%">
                                            <ext:Panel Border="false" ID="Panel29" runat="server">
                                                <Body>
                                                    <ext:ColumnLayout ID="ColumnLayout4" runat="server" FitHeight="false">
                                                        <ext:LayoutColumn ColumnWidth="0.20">
                                                            <ext:Panel Border="false" ID="Panel30" runat="server">
                                                                <Body>
                                                                    <ext:Label Style="float: right" ID="lblAddress" runat="server" Text="<%$Resources:Resource,Address11%>">
                                                                    </ext:Label>
                                                                </Body>
                                                            </ext:Panel>
                                                        </ext:LayoutColumn>
                                                        <ext:LayoutColumn>
                                                            <ext:Panel Border="false" ID="Panel76" runat="server" Width="3">
                                                                <Body>
                                                                </Body>
                                                            </ext:Panel>
                                                        </ext:LayoutColumn>
                                                        <ext:LayoutColumn ColumnWidth="0.80">
                                                            <ext:Panel Border="false" ID="Panel31" runat="server">
                                                                <Body>
                                                                    <ext:FitLayout ID="FitLayout17" runat="server">
                                                                        <ext:TextArea ID="txtAddress" runat="server">
                                                                        </ext:TextArea>
                                                                    </ext:FitLayout>
                                                                </Body>
                                                            </ext:Panel>
                                                        </ext:LayoutColumn>
                                                    </ext:ColumnLayout>
                                                </Body>
                                            </ext:Panel>
                                        </ext:Anchor>
                                        <ext:Anchor Horizontal="100%">
                                            <ext:Panel Border="false" ID="Panel59" runat="server" Height="1">
                                                <Body>
                                                </Body>
                                            </ext:Panel>
                                        </ext:Anchor>
                                        <ext:Anchor Horizontal="100%">
                                            <ext:Panel Border="false" ID="Panel32" runat="server">
                                                <Body>
                                                    <ext:ColumnLayout ID="ColumnLayout8" runat="server" FitHeight="false">
                                                        <ext:LayoutColumn ColumnWidth="0.20">
                                                            <ext:Panel Border="false" ID="Panel33" runat="server">
                                                                <Body>
                                                                    <ext:Label Style="float: right" ID="lblZipCode" runat="server" Text="<%$Resources:Resource,Zip-Code11%>">
                                                                    </ext:Label>
                                                                </Body>
                                                            </ext:Panel>
                                                        </ext:LayoutColumn>
                                                        <ext:LayoutColumn>
                                                            <ext:Panel Border="false" ID="Panel77" runat="server" Width="4">
                                                                <Body>
                                                                </Body>
                                                            </ext:Panel>
                                                        </ext:LayoutColumn>
                                                        <ext:LayoutColumn ColumnWidth="0.20">
                                                            <ext:Panel Border="false" ID="Panel34" runat="server">
                                                                <Body>
                                                                    <ext:FitLayout ID="FitLayout19" runat="server">
                                                                        <ext:TextField Cls="cntrlFont" ID="txtZipCode" runat="server">
                                                                        </ext:TextField>
                                                                    </ext:FitLayout>
                                                                </Body>
                                                            </ext:Panel>
                                                        </ext:LayoutColumn>
                                                        <ext:LayoutColumn ColumnWidth="0.15">
                                                            <ext:Panel Border="false" ID="Panel35" runat="server">
                                                                <Body>
                                                                    <ext:Label Style="float: right" ID="lblCity" runat="server" Text="<%$Resources:Resource,City11%>">
                                                                    </ext:Label>
                                                                </Body>
                                                            </ext:Panel>
                                                        </ext:LayoutColumn>
                                                        <ext:LayoutColumn>
                                                            <ext:Panel Border="false" ID="Panel81" runat="server" Width="3">
                                                                <Body>
                                                                </Body>
                                                            </ext:Panel>
                                                        </ext:LayoutColumn>
                                                        <ext:LayoutColumn ColumnWidth="0.45">
                                                            <ext:Panel Border="false" ID="Panel36" runat="server">
                                                                <Body>
                                                                    <ext:FitLayout ID="FitLayout20" runat="server">
                                                                        <ext:TextField Cls="cntrlFont" ID="txtCity" runat="server">
                                                                        </ext:TextField>
                                                                    </ext:FitLayout>
                                                                </Body>
                                                            </ext:Panel>
                                                        </ext:LayoutColumn>
                                                    </ext:ColumnLayout>
                                                </Body>
                                            </ext:Panel>
                                        </ext:Anchor>
                                        <ext:Anchor Horizontal="100%">
                                            <ext:Panel Border="false" ID="Panel64" runat="server" Height="1">
                                                <Body>
                                                </Body>
                                            </ext:Panel>
                                        </ext:Anchor>
                                        <ext:Anchor Horizontal="100%">
                                            <ext:Panel Border="false" ID="Panel37" runat="server">
                                                <Body>
                                                    <ext:ColumnLayout ID="ColumnLayout9" runat="server" FitHeight="false">
                                                        <ext:LayoutColumn ColumnWidth="0.20">
                                                            <ext:Panel Border="false" ID="Panel38" runat="server">
                                                                <Body>
                                                                    <ext:Label Style="float: right" ID="lblState" runat="server" Text="<%$Resources:Resource,State11%>">
                                                                    </ext:Label>
                                                                </Body>
                                                            </ext:Panel>
                                                        </ext:LayoutColumn>
                                                        <ext:LayoutColumn>
                                                            <ext:Panel Border="false" ID="Panel82" runat="server" Width="4">
                                                                <Body>
                                                                </Body>
                                                            </ext:Panel>
                                                        </ext:LayoutColumn>
                                                        <ext:LayoutColumn ColumnWidth="0.20">
                                                            <ext:Panel Border="false" ID="Panel40" runat="server">
                                                                <Body>
                                                                    <ext:FitLayout ID="FitLayout23" runat="server">
                                                                        <ext:TextField Cls="cntrlFont" ID="txtState" runat="server">
                                                                        </ext:TextField>
                                                                    </ext:FitLayout>
                                                                </Body>
                                                            </ext:Panel>
                                                        </ext:LayoutColumn>
                                                        <ext:LayoutColumn ColumnWidth="0.15">
                                                            <ext:Panel Border="false" ID="Panel44" runat="server">
                                                                <Body>
                                                                    <ext:Label Style="float: right" ID="lblCountry" runat="server" Text="<%$Resources:Resource,Country11%>">
                                                                    </ext:Label>
                                                                </Body>
                                                            </ext:Panel>
                                                        </ext:LayoutColumn>
                                                        <ext:LayoutColumn>
                                                            <ext:Panel Border="false" ID="Panel83" runat="server" Width="3">
                                                                <Body>
                                                                </Body>
                                                            </ext:Panel>
                                                        </ext:LayoutColumn>
                                                        <ext:LayoutColumn ColumnWidth="0.45">
                                                            <ext:Panel Border="false" ID="Panel45" runat="server">
                                                                <Body>
                                                                    <ext:FitLayout ID="FitLayout25" runat="server">
                                                                        <ext:TextField Cls="cntrlFont" ID="txtCountry" runat="server">
                                                                        </ext:TextField>
                                                                    </ext:FitLayout>
                                                                </Body>
                                                            </ext:Panel>
                                                        </ext:LayoutColumn>
                                                    </ext:ColumnLayout>
                                                </Body>
                                            </ext:Panel>
                                        </ext:Anchor>
                                    </ext:FormLayout>
                                </Body>
                            </ext:Panel>
                        </Center>
                    </ext:BorderLayout>
                </Body>
            </ext:ViewPort>
        </form>
    </body>
    </html>
    See the screen shot
  2. #2

    RE: [CLOSED] Design issue

    Hi,

    To solve bottom border citting under IE6 just the following style
    .ext-ie6 .cntrlFont{
    margin:-2px 0px 0px 0px !important;
    }


    To align label to center. At this moment I have only one suggestion: add padding-top for label
    <ext:Label Style="float: right; padding-top:20px;" ID="lblAddress" runat="server" Text="Address11">
    </ext:Label>

Similar Threads

  1. File upload design issue and click problem
    By Nagaraju in forum 1.x Help
    Replies: 0
    Last Post: Jan 17, 2012, 10:08 AM
  2. [CLOSED] Date Picker Control Design Issue
    By majestic in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Dec 01, 2010, 12:03 PM
  3. [CLOSED] Design issue in Mozilla
    By Etisbew in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Nov 02, 2009, 6:00 AM
  4. [CLOSED] Hi design Issue
    By Etisbew in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Jun 29, 2009, 7:45 AM
  5. [CLOSED] Hi design Issue
    By Etisbew in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jun 08, 2009, 4:29 AM

Posting Permissions