1. #1
    Sencha User
    Join Date
    Jun 2010
    Posts
    21
    Vote Rating
    0
    jakovdt is on a distinguished road

      0  

    Default IE compatibility

    IE compatibility


    Hi,
    my application work fine with Mozilla Firefox and Chrome but not with IE 8 : I'm not able to see the menubar added to the content panel.
    I did a little test case thinking that menubar component could be the problem, but the test work fine in all the browser.
    So, i was wondering if there are some graphic component not compatible with IE....

    J

  2. #2
    Software Architect
    Join Date
    Sep 2007
    Posts
    13,966
    Vote Rating
    130
    sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light

      0  

    Default


    They should all work fine in IE8. Can you please post a testcase that implements EntryPoitn and shows your problem?

  3. #3
    Sencha User
    Join Date
    Jun 2010
    Posts
    21
    Vote Rating
    0
    jakovdt is on a distinguished road

      0  

    Default


    EntryPoint:
    Code:
    private Viewport viewport;
        private ContentPanel west;
        private LayoutContainer center;
        
        public void onModuleLoad() {
            initUI();
        }
        private void initUI() {
            System.out.println("inizializzazione UI");
            viewport = new Viewport();
            viewport.setLayout(new BorderLayout());
    
            createHeader();
            createCenter();
            createFooter();
         
    
            RootPanel.get().clear();
            RootPanel.get().add(viewport);
        }
        private void createHeader() {
            LayoutContainer north = new LayoutContainer(new RowLayout());
            north.setBorders(true);
            ContentPanel cp = new ContentPanel();
            cp.setHeading("TEST");
            cp.setBodyBorder(false);
            cp.setBorders(false);
            MenuPanel menuPanel = new MenuPanel();
            
            north.add(cp, new RowData(1 , .5, new Margins(0)));
            north.add(menuPanel, new RowData(1 , .5, new Margins(0)));
            
            BorderLayoutData data = new BorderLayoutData(LayoutRegion.NORTH, 50);
            data.setMargins(new Margins(5, 5, 5, 5));
            viewport.add(north, data);
        }
    
    
        
          private void createCenter() {
              LayoutContainer center = new LayoutContainer();
              center.setLayout(new FitLayout());
    
              BorderLayoutData data = new BorderLayoutData(LayoutRegion.CENTER);
              data.setMargins(new Margins(5, 5, 5, 5));
              center.add(new CentralPanel());
              viewport.add(center, data);
              
              Registry.register("central", center);
          }
          
          private void createFooter(){
              LayoutContainer south = new LayoutContainer();
              south.setLayout(new FitLayout());
    
              BorderLayoutData data = new BorderLayoutData(LayoutRegion.SOUTH, 30);
              data.setMargins(new Margins(5, 5, 5, 5));
              south.add(new FooterPanel());
              viewport.add(south, data);
          }
    and the other class:
    Code:
    public class MenuPanel extends LayoutContainer{
    
        public MenuPanel()
        {
    MenuBar bar = new MenuBar();  
            
            Menu profileMenu = new Menu();  
            final MenuItem profileItem = new MenuItem("test1");
            profileItem.addSelectionListener(new SelectionListener<MenuEvent>() {
                public void componentSelected(MenuEvent me){
                    //TODO
                }
            });
            profileMenu.add(profileItem);
            
            Menu utenteMenu = new Menu();
            final MenuItem userItem = new MenuItem("test2");
            userItem.addSelectionListener(new SelectionListener<MenuEvent>() {
                public void componentSelected(MenuEvent me){
                    //TODO
                }
            });
            utenteMenu.add(userItem);
            
            final MenuItem linguaItem = new MenuItem("test3");
            linguaItem.addSelectionListener(new SelectionListener<MenuEvent>() {
                public void componentSelected(MenuEvent me){
            //TODO
                }
            });
            profileMenu.add(new SeparatorMenuItem());
            profileMenu.add(linguaItem);
            
            bar.add(new MenuBarItem("MENU1", profileMenu));  
            bar.add(new MenuBarItem("MENU2", utenteMenu));
            this.add(bar);
            this.add(bar);
        }
    Code:
    public class CentralPanel extends LayoutContainer {
    
        private VerticalPanel vp;
        
         public CentralPanel() {
             this.setTitle("Title");
          }
    }
    Code:
    public class FooterPanel extends LayoutContainer {
        
        //LayoutContainer main;
        String message="";
        Html errorNameLabel = new Html("<div class=\"error\">"+message+"</div>");
    
        
        public FooterPanel(){
    
    
            
            Button esci = new Button("Esc");
    
    
            ContentPanel label = new ContentPanel();
    
            label.setHeaderVisible(true);
            label.setHeading("testcase");
            label.setBorders(false);
    
            
            esci.setHeight(27);
            LayoutContainer button = new LayoutContainer(new FitLayout());
            FitData fd = new FitData(new Margins(0,0,0,5));
            button.add(esci, fd);
            //main = new LayoutContainer(new FillLayout());
            ColumnLayout cl = new ColumnLayout();
            this.setLayout(cl);
            this.add(label, new ColumnData(.9));
            this.add(button, new ColumnData(.1));
        
        }
    this work fine with firefox 3.6.10 and but not with IE 7-8.
    thanks for reply,

    J

  4. #4
    Software Architect
    Join Date
    Sep 2007
    Posts
    13,966
    Vote Rating
    130
    sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light

      0  

    Default


    Your header has a total height of 50.

    Now you add two components into it, one if it is a ContentPanel with a height of 25px. This wont work. that is not enough for a contentpanel. You need to increase your header height

  5. #5
    Sencha User
    Join Date
    Jun 2010
    Posts
    21
    Vote Rating
    0
    jakovdt is on a distinguished road

      0  

    Default


    Thank you very much.

    J

Similar Threads

  1. Compatibility with FF 3.6
    By micgala in forum Community Discussion
    Replies: 6
    Last Post: 23 Mar 2010, 7:07 AM
  2. browser compatibility
    By yog in forum Ext 2.x: Help & Discussion
    Replies: 4
    Last Post: 4 Jul 2009, 4:03 AM
  3. IE compatibility
    By mehdi_kazemi in forum Ext 1.x: Help & Discussion
    Replies: 2
    Last Post: 8 Oct 2007, 8:24 AM
  4. Backward compatibility
    By PT LUI in forum Ext 2.x: Help & Discussion
    Replies: 7
    Last Post: 12 Sep 2007, 10:45 PM

Thread Participants: 1

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar