YangHax's public fiddles
-
Z2CS7
No-Library (pure JS), HTML, CSS, JavaScript
-
Ext.ux.component.FadeInPlugin
Components don't have slideOut or fadeIn methods like Elements do. It's not a problem in case of "hiding" actions (i.e. slideOut or puff), which you can accomplish by something like component.getEl().slideOut() However, in the case where you want to "show" a hidden panel (i.e. slideIn), in a case of deferred rendering (i.e. when creating and showing a new panel on the fly), the getEl() doesn't have a DOM element to show yet, until the panel has been rendered. The fadeIn method is achieved by showing a panel with opacity 0% and then animating it back to 100%.
-
ComponentEffectsPlugin
Components don't have slideOut or fadeIn methods like Elements do. It's not a problem in case of "hiding" actions (i.e. slideOut or puff), which you can accomplish by something like component.getEl().slideOut() However, in the case where you want to "show" a hidden panel (i.e. slideIn), in a case of deferred rendering (i.e. when creating and showing a new panel on the fly), the getEl() doesn't have a DOM element to show yet, until the panel has been rendered. The fadeIn method are achieved by showing a panel with opacity 0% and upon rendering animating it back to 100%.
-
apmB5
ExtJS 4.1.0, HTML, CSS, JavaScript
-
YVH97
ExtJS 4.1.1, HTML, CSS, JavaScript
-
gjPp2
ExtJS 4.1.0, HTML, CSS, JavaScript
-
GeNE3
ExtJS 4.1.1, HTML, CSS, JavaScript
-
Gejc5
ExtJS 4.1.1, HTML, CSS, JavaScript
-
2YFmB
ExtJS 4.1.0, HTML, CSS, JavaScript
-
AFrDQ
ExtJS 4.1.1, HTML, CSS, JavaScript
-
JR5kf
ExtJS 4.1.1, HTML, CSS, JavaScript
-
RAdyU
ExtJS 4.1.1, HTML, CSS, JavaScript
-
h2PxS
ExtJS 4.1.1, HTML, CSS, JavaScript
-
W82Ag
ExtJS 6.2.0, HTML, CSS, JavaScript
-
Ka4WS
ExtJS 4.1.1, HTML, CSS, JavaScript
-
qc9R6
ExtJS 4.1.1, HTML, CSS, JavaScript
-
fprJ5
ExtJS 4.1.1, HTML, CSS, JavaScript
-
5eWFX
ExtJS 4.2.0, HTML, CSS, JavaScript
-
TAF83
ExtJS 4.0.2a, HTML, CSS, JavaScript
-
MYupA
ExtJS 4.1.1, HTML, CSS, JavaScript