1. #1
    Sencha Premium Member
    Join Date
    May 2011
    Posts
    24
    Vote Rating
    1
    |ZUTI| is on a distinguished road

      0  

    Question Unanswered: FadeToggle effect not fading, just pop-in and out (Code included)

    Unanswered: FadeToggle effect not fading, just pop-in and out (Code included)


    Hey guys. The explorer for GXT 3.0.0 is quite straight forward when it comes to this. Nothing special. Still, I am having problems to make it work on my simple test case. Strangely enoug, something similar worked for me in GXT 2.2.6.

    Here is the entry point code:
    Code:
    public class StartPoint implements EntryPoint
    {
        private Button clickMeButton;
        public void onModuleLoad()
        {
            RootPanel rootPanel = RootPanel.get();
            
            clickMeButton = new Button();
            rootPanel.add(clickMeButton);
            
            final FadeMe panel = new FadeMe();
            rootPanel.add(panel);
            
            clickMeButton.setText("Click me!");
            clickMeButton.addClickHandler(new ClickHandler()
            {
                public void onClick(ClickEvent event)
                {
                    panel.getElement().<FxElement>cast().fadeToggle();
                }
            });
        }
    }
    And this is the FadeMe class definition (reduced but still the same concept that I am using):
    Code:
    public class FadeMe extends ContentPanel
    {    
        private VerticalLayoutContainer container;
        private TextField txtSubject;
        private TextArea txtDescription;
        
        public FadeMe()
        {
            container = new VerticalLayoutContainer();
            
            Label lblSubject = new Label("Subject");
            container.add(lblSubject);
            
            txtSubject = new TextField();
            container.add(txtSubject);
            
            Label lblDescription = new Label("Description");
            container.add(lblDescription);
            
            txtDescription = new TextArea();
            container.add(txtDescription);
            
            this.add(container);
        }
    }
    What am I missing here? The problem is that fade is not there. The panel shows and hides, but without fade effect. Just pops in and out.

    Thank you!

  2. #2
    Sencha Premium Member
    Join Date
    May 2011
    Posts
    24
    Vote Rating
    1
    |ZUTI| is on a distinguished road

      0  

    Default


    Update.

    Hm, this is interesting, I was having the above issue at work on work pc running Win7 Ent and IE, whichever version it comes with it (presumably 9?). I was unable to test with other browsers as a result of strict work policy that prevents me to use them.

    However, now I have tired this on IE 10 on Win8 Pro and fade is there. Can't test chrome ATM as it won't install the dev plugin.