Examples of net.mygwt.ui.client.fx.FXStyle

net.mygwt.ui.client.fx.FXStyle
Effect for changing a single css style property for a given element.
This code is based on code from the MooTools Project by Valerio Proietti.
Events:
EffectStart : (source)

Fires after a effect is started.
- source : this
EffecCancel : (source)

Fires after an effect has been cancelled.
- source : this
EffecComplete : (source)

Fires after an effect has been completed.
- source : this

    if (shadow != null) {
      shadow.setVisible(false);
    }


    if (animate) {
      FXStyle fx = new FXStyle(getElement());
      fx.duration = animateDuration;
      fx.addListener(Events.EffectComplete, new Listener() {
        public void handleEvent(BaseEvent be) {
          afterHide();
        }
      });
      fx.fadeOut();
    } else {
      afterHide();
    }


    ShellManager.get().unregister(this);

View Full Code Here

    showing = true;


    final Shell fShell = this;


    if (animate) {
      FXStyle fx = new FXStyle(getElement());
      if (shadow != null) {
        fx.addListener(Events.EffectComplete, new Listener() {
          public void handleEvent(BaseEvent be) {
            shadow.show(fShell);
            afterShow();
          }
        });
      }
      fx.duration = animateDuration;
      fx.fadeIn();
    } else {
      if (shadow != null) {
        shadow.setVisible(true);
        shadow.show(this);
      }

View Full Code Here

   * @param id the loading panel id
   */
  public static void hideLoadingPanel(String id) {
    final Element loading = DOM.getElementById(id);
    if (loading != null) {
      FXStyle fx = new FXStyle(loading);
      fx.duration = 300;
      fx.hideOnComplete = true;
      fx.fadeOut();
    }
  }

View Full Code Here

    MyDOM.disableTextSelection(item.getElement());


  }


  void animCollapse() {
    FXStyle fx = new FXStyle(containerEl);
    fx.duration = 300;
    fx.addListener(Events.EffectComplete, new Listener() {
      public void handleEvent(BaseEvent be) {
        afterCollapse();
      }
    });
    item.disable();
    item.tree.disable();
    fx.slideOut(Style.NORTH);
  }

View Full Code Here

    item.tree.disable();
    fx.slideOut(Style.NORTH);
  }


  void animExpand() {
    FXStyle fx = new FXStyle(containerEl);
    fx.duration = 300;
    fx.addListener(Events.EffectComplete, new Listener() {
      public void handleEvent(BaseEvent be) {
        afterExpand();
      }
    });
    item.disable();
    item.tree.disable();
    fx.slideIn(Style.SOUTH);
  }

View Full Code Here


  protected void onCollapse() {
    collapseBtn.changeStyle("my-tool-down");
    if (animateCollapse && !animating) {
      animating = true;
      FXStyle fx = new FXStyle(body.getElement());
      fx.duration = 300;
      fx.addListener(Events.EffectComplete, new Listener() {
        public void handleEvent(BaseEvent be) {
          afterCollapse();
        }
      });
      fx.slideOut(Style.NORTH);
    } else {
      body.setVisible(false);
      afterCollapse();
    }
  }

View Full Code Here


  protected void onExpand() {
    collapseBtn.changeStyle("my-tool-up");
    if (animateCollapse && !animating) {
      animating = true;
      FXStyle fx = new FXStyle(body.getElement());
      fx.duration = 300;
      fx.addListener(Events.EffectComplete, new Listener() {
        public void handleEvent(BaseEvent be) {
          afterExpand();
        }
      });
      fx.slideIn(Style.SOUTH);
    } else {
      body.setVisible(true);
      afterExpand();
    }
  }

View Full Code Here

    if (eventPreview) {
      DOM.removeEventPreview(this);
    }


    if (animate) {
      FXStyle fx = new FXStyle(getElement());
      fx.duration = duration;
      fx.addListener(Events.EffectComplete, new Listener() {
        public void handleEvent(BaseEvent be) {
          afterHide();
        }
      });
      fx.fadeOut();
    } else {
      afterHide();
    }
  }

View Full Code Here

    if (eventPreview) {
      DOM.addEventPreview(this);
    }


    if (animate) {
      FXStyle fx = new FXStyle(getElement());
      fx.duration = duration;
      fx.addListener(Events.EffectComplete, new Listener() {
        public void handleEvent(BaseEvent be) {
          afterShow();
        }
      });
      fx.fadeIn();
    } else {
      afterShow();
    }


  }

View Full Code Here

    switch (DOM.eventGetType(event)) {
      case Event.ONCLICK: {
        String tagName = DOM.getElementProperty(target, "tagName");
        // IE hack to stop flashing on a resize
        if (tagName.equals("BODY")) return false;
        FXStyle fx = new FXStyle(getElement());
        fx.blink();
        break;
      }
    }
    return false;
  }

View Full Code Here

0 1

TOP

Related Classes of net.mygwt.ui.client.fx.FXStyle

net.mygwt.ui.client.MyGWT

net.mygwt.ui.client.util.Rectangle

net.mygwt.ui.client.widget.ContentPanel

net.mygwt.ui.client.widget.Info

net.mygwt.ui.client.widget.ModalPanel

net.mygwt.ui.client.widget.Popup

net.mygwt.ui.client.widget.Shell

net.mygwt.ui.client.widget.tree.TreeItemUI

All source code are property of their respective owners. Java is a trademark of Sun Microsystems, Inc and owned by ORACLE Inc. Contact coftware#gmail.com.