[CLOSED] display difference between browsers

  1. #1

    [CLOSED] display difference between browsers

    Hi,

    I noticed another difference between internet explorer 6 and other browsers (Chrome, IE8, firefox).
    In the attached image, the first page refers to IE6, the second refers to other browsers.

    This is my simplified code:

    <%@ Control Language="C#" %>
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <link rel="stylesheet" type="text/css" href="/TimeEasy/Content/css/lookup-list.css" />
    <style type="text/css">
        .myDysabledClass
        {
            color: black;
        }
    </style>
    <script type="text/javascript" src="/TimeEasy/Content/js/BF.GridEditor.js"></script>
    <ext:Window 
        ID="WinEditor"
        runat="server" 
        AnimateTarget="MainGridPanel"
        Title="Risorsa" 
        Icon="ApplicationFormEdit" 
        Width="650" 
        Height="490" 
        Modal="true"
        Hidden="true"
        Resizable="false"
        Layout="Fit"
        AutoRender="false">
        <Items>
            <ext:FormPanel ID="MainFormPanel"
                           runat="server" 
                           Border="false"  
                           MonitorValid="true"
                           MonitorPoll="500"
                           BodyStyle="background-color:transparent;"
                           Layout="Fit"
                           TrackResetOnLoad="true"
                           Url="~/Employee/SaveEmployee/">
                <Items>
                    <ext:TabPanel
                        ID="MainTabPanel" 
                        runat="server" 
                        Border="false" 
                        BodyStyle="background-color:transparent;"
                        DeferredRender="false"
                        LayoutOnTabChange="true">
                        <Items>
                            <ext:Panel 
                                ID="PanelGeneral" 
                                runat="server" 
                                Title="Generale" 
                                Icon="TagBlue"
                                Border="false"
                                BodyStyle="padding:17px 10px 17px 10px;background-color:transparent;"
                                Layout="Form">
                                <Items>
                                    <ext:Container ID="DummyContainer01" runat="server" Layout="HBox" Height="27">
                                        <Items>
                                            <ext:Container ID="DummyContainer011" runat="server" Layout="Form" Flex="1">
                                                <Items>   
                      <ext:NumberField
                       ID="IdField"
                       DataIndex="EmployeeId"
                       runat="server"
                       FieldLabel="ID"
                       Disabled="true"
                       EmptyText="[Auto]"
                       AnchorHorizontal="-10" />
                                                </Items>
                                            </ext:Container>
                                            <ext:Container ID="DummyContainer012" runat="server" Layout="Form" Flex="1">
                                                <Items>   
                      <ext:TextField
                       ID="EmployeeCode"
                       DataIndex="EmployeeCode"
                       runat="server"
                       FieldLabel="Codice"
                       MaxLength="20"
                       AnchorHorizontal="100%"
                       StyleSpec="text-transform:uppercase;" />
                                                </Items>
                                            </ext:Container>
                                        </Items>
                                    </ext:Container>
                                </Items>
                            </ext:Panel>
                            <ext:Panel 
                                ID="PanelTimeSheet" 
                                runat="server" 
                                Title="Time Sheet" 
                                Icon="Time"
                                Border="false"
                                BodyStyle="padding:10px;background-color:transparent;"
                                LabelWidth="270"
                                Layout="Form">
                                <Items>
                                    <ext:FieldSet ID="TimeSheetInsertFieldSet" 
                                        runat="server"
                                        Title="Caricamento"
                                        AutoHeight="true"
                                        Collapsed="false"
                                        LabelWidth="75"
                                        Layout="Form">
                                        <Items>
                                            <ext:CheckboxGroup 
                                                ID="ChkGroupInsertTimeSheet"
                                                runat="server" 
                                                FieldLabel="Risorsa abilitata al caricamento del Time Sheet">
                                                <Items>
                                                    <ext:Checkbox
                                                        ID="CanInsertTimeSheet"
                                                        DataIndex="CanInsertTimeSheet"
                                                        runat="server" />
                                                </Items>
                                            </ext:CheckboxGroup>
                                        </Items>
                                    </ext:FieldSet>
                                    <ext:FieldSet ID="TimeSheetValidationFieldSet"
                                        runat="server"
                                        Title="Validazione dei Time Sheet relativi a:"
                                        AutoHeight="true"
                                        Collapsed="false"
                                        LabelWidth="75"
                                        Layout="Form">
                                        <Items>
                                            <ext:CheckboxGroup
                                                ID="ChkGroupProjectManager"
                                                runat="server"
                                                FieldLabel="Commesse di cui è Project Manager"
                                                ColumnsWidths="105,80,70">
                                                <Items>
                                                    <ext:Checkbox
                                                        ID="CanViewTimeSheetAsProjectManager"
                                                        runat="server"
                                                        DataIndex="CanViewTimeSheetAsProjectManager"
                                                        BoxLabel="Consultazione" />
                                                    <ext:Checkbox
                                                        ID="CanModifyTimeSheetAsProjectManager"
                                                        runat="server"
                                                        DataIndex="CanModifyTimeSheetAsProjectManager"
                                                        BoxLabel="Modifica" />
                                                    <ext:Checkbox
                                                        ID="CanCloseTimeSheetAsProjectManager"
                                                        runat="server"
                                                        DataIndex="CanCloseTimeSheetAsProjectManager"
                                                        BoxLabel="Chiusura" />
                                                </Items>
                                            </ext:CheckboxGroup>
                                            <ext:CheckboxGroup 
                                                ID="ChkGroupEmployeeManager"
                                                runat="server" 
                                                FieldLabel="Risorse di cui è Responsabile" 
                                                ColumnsWidths="105,80,70">
                                                <Items>
                                                    <ext:Checkbox
                                                        ID="CanViewTimeSheetAsEmployeeManager"
                                                        runat="server"
                                                        DataIndex="CanViewTimeSheetAsEmployeeManager"
                                                        BoxLabel="Consultazione" />
                                                    <ext:Checkbox
                                                        ID="CanModifyTimeSheetAsEmployeeManager"
                                                        runat="server"
                                                        DataIndex="CanModifyTimeSheetAsEmployeeManager"
                                                        BoxLabel="Modifica" />
                                                    <ext:Checkbox
                                                        ID="CanCloseTimeSheetAsEmployeeManager"
                                                        runat="server"
                                                        DataIndex="CanCloseTimeSheetAsEmployeeManager"
                                                        BoxLabel="Chiusura" />
                                                </Items>
                                            </ext:CheckboxGroup>
                                            <ext:CheckboxGroup 
                                                ID="ChkGroupDepartmentManager"
                                                runat="server" 
                                                FieldLabel="Risorse dei Reparti di cui è Responsabile" 
                                                ColumnsWidths="105,80,70">
                                                <Items>
                                                    <ext:Checkbox
                                                        ID="CanViewTimeSheetAsDepartmentManager"
                                                        runat="server"
                                                        DataIndex="CanViewTimeSheetAsDepartmentManager"
                                                        BoxLabel="Consultazione" />
                                                    <ext:Checkbox
                                                        ID="CanModifyTimeSheetAsDepartmentManager"
                                                        runat="server"
                                                        DataIndex="CanModifyTimeSheetAsDepartmentManager"
                                                        BoxLabel="Modifica" />
                                                    <ext:Checkbox
                                                        ID="CanCloseTimeSheetAsDepartmentManager"
                                                        runat="server"
                                                        DataIndex="CanCloseTimeSheetAsDepartmentManager"
                                                        BoxLabel="Chiusura" />
                                                </Items>
                                            </ext:CheckboxGroup>
                                            <ext:CheckboxGroup 
                                                ID="ChkGroupAll"
                                                runat="server" 
                                                FieldLabel="Tutto, di ogni Risorsa e/o Reparto (Controller)" 
                                                ColumnsWidths="105,80,70">
                                                <Items>
                                                    <ext:Checkbox
                                                        ID="CanViewTimeSheetAll"
                                                        runat="server"
                                                        DataIndex="CanViewTimeSheetAll"
                                                        BoxLabel="Consultazione" />
                                                    <ext:Checkbox
                                                        ID="CanModifyTimeSheetAll"
                                                        runat="server"
                                                        DataIndex="CanModifyTimeSheetAll"
                                                        BoxLabel="Modifica" />
                                                    <ext:Checkbox
                                                        ID="CanCloseTimeSheetAll"
                                                        runat="server"
                                                        DataIndex="CanCloseTimeSheetAll"
                                                        BoxLabel="Chiusura" />
                                                </Items>
                                            </ext:CheckboxGroup>
                                        </Items>
                                    </ext:FieldSet>
                                </Items>
                            </ext:Panel>
                        </Items>                
                    </ext:TabPanel>
                </Items>
            </ext:FormPanel>
        </Items>
     
    </ext:Window>
    Could you suggest a way to obtain the same result on all browsers?

    Thanks,
    Stefano
    Last edited by Daniil; Dec 29, 2010 at 6:57 AM. Reason: [CLOSED]
  2. #2
    Hi,

    We have reproduced the issue. Investigating.
  3. #3
    Hi,

    Note also that the icons appear in a different way. In IE6 there is an ugly gray background.

    Bye,
    Stefano
  4. #4
    Hi,

    Note also that the icons appear in a different way. In IE6 there is an ugly gray background.
    IE6 doesn't support transparency for PNG. Please read the following articles about possible fix
    http://www.sohtanaka.com/web-design/...arency-in-ie6/
    http://www.twinhelix.com/css/iepngfix/demo/
  5. #5
    Hi,

    Try to add the following css rule to the page
    .ext-ie6 .x-form-check-group .x-column{
                padding:0px;
            }
  6. #6
    Great!

    Thanks,
    Stefano

Similar Threads

  1. [CLOSED] Supported browsers prompt message
    By bakardi in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Jan 27, 2015, 6:04 AM
  2. [CLOSED] Strange symptoms in textarea in different browsers.
    By Marcelo in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Jul 06, 2011, 11:32 PM
  3. INSERT KeyMap (all browsers)
    By David Pelaez in forum 1.x Help
    Replies: 1
    Last Post: Jan 25, 2011, 2:36 PM
  4. [CLOSED] [1.0] Officially supported browsers
    By jmcantrell in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Sep 22, 2010, 12:55 PM
  5. [CLOSED] Hidden tab in IE7, but visible in other browsers
    By juanpablo.belli@huddle.com.ar in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Mar 18, 2009, 1:32 PM

Posting Permissions