I found how to patch it now: qx.Class.patch(qx.ui.decoration.Decorator, phwabe.mixins.MTextShadow); qx.Class.patch(qx.ui.decoration.Decorator, phwabe.mixins.MBoxShadowSimple);
that way custom mixin can be apply in Decoration.js On Wed, Aug 5, 2015 at 7:50 PM, Tobias Oetiker <t...@oetiker.ch> wrote: > Phyo, > > Today Phyo Arkar wrote: > > > I prefer to use it inside Decoration.js , but it is not working. > > I try to include the mixin inside Decoration.js but it throws error as > not > > compatible. > > Can you help me a bit on that with code example? > > What i thought is , after patching it should just work inside > Decorator.js > > , without needing to include ? > > Theming is controlled by the theme you specify for your application > via the QXTHEME property when running the generator. > > there is a short introduction here > > http://manual.qooxdoo.org/5.0/pages/desktop/ui_theming.html > > cheers > tobi > > > > > > > > > > > > > > > On Wed, Aug 5, 2015 at 7:07 PM, Tobias Oetiker <t...@oetiker.ch> wrote: > > > > > You can either use the Theme namespace in your app, as suggested > > > by the skelleton app, OR you can apply the decorator property > > > directly to the widget or the widget compnents ... > > > > > > cheers > > > tobi > > > > > > Today Phyo Arkar wrote: > > > > > > > qx.Class.patch(qx.ui.decoration.Decorator, my.MTextShadow); > > > > > > > > I tried patching but it dosen't work either. > > > > > > > > On Wed, Aug 5, 2015 at 6:16 PM, Phyo Arkar <phyo.arkarl...@gmail.com > > > > > wrote: > > > > > > > > > I can't understand why qooxdoo make styling so difficult. > > > > > > > > > > On Wed, Aug 5, 2015 at 5:45 PM, Phyo Arkar < > phyo.arkarl...@gmail.com> > > > > > wrote: > > > > > > > > > >> When I tried to include it in as mixin i get this erro > > > > >> > > > > >> Uncaught Error: The mixins 'phwabe.theme.Decoration' are not > > > compatible > > > > >> 'phwabe.theme.MTextShadow'! > > > > >> > > > > >> code > > > > >> > > > > >> qx.Mixin.define("phwabe.theme.MTextShadow", { > > > > >> properties : { > > > > >> textShadowColor : { > > > > >> nullable : true, > > > > >> check : "Color" > > > > >> } > > > > >> }, > > > > >> > > > > >> members : { > > > > >> _styleTextShadow : function(styles) { > > > > >> var color = this.getTextShadowColor(); > > > > >> if (color === null) { > > > > >> return; > > > > >> } > > > > >> color = qx.theme.manager.Color.getInstance().resolve(color); > > > > >> styles["text-shadow"] = color + " 1px 1px"; > > > > >> } > > > > >> } > > > > >> }); > > > > >> > > > > >> and in decoratoion: > > > > >> > > > > >> qx.Theme.define("phwabe.theme.Decoration", { > > > > >> extend: qx.theme.indigo.Decoration, > > > > >> include: [ > > > > >> phwabe.theme.MTextShadow, > > > > >> phwabe.theme.MBoxShadowSimple > > > > >> ], > > > > >> > > > > >> > > > > >> > > > > >> On Wed, Aug 5, 2015 at 4:16 PM, Phyo Arkar < > phyo.arkarl...@gmail.com> > > > > >> wrote: > > > > >> > > > > >>> SO have to do like this? > > > > >>> > > > > >>> qx.Mixin.define("my.MTextShadow", { > > > > >>> properties : { > > > > >>> textShadowColor : { > > > > >>> nullable : true, > > > > >>> check : "Color" > > > > >>> } > > > > >>> }, > > > > >>> > > > > >>> members : { > > > > >>> _styleTextShadow : function(styles) { > > > > >>> var color = this.getTextShadowColor(); > > > > >>> if (color === null) { > > > > >>> return; > > > > >>> } > > > > >>> color = > qx.theme.manager.Color.getInstance().resolve(color); > > > > >>> styles["text-shadow"] = color + " 1px 1px"; > > > > >>> } > > > > >>> } > > > > >>> }); > > > > >>> > > > > >>> // patch the original decorator class > > > > >>> qx.Class.patch(qx.ui.decoration.Decorator, my.MTextShadow); > > > > >>> > > > > >>> > > > > >>> > > > > >>> On Wed, Aug 5, 2015 at 4:12 PM, Phyo Arkar < > phyo.arkarl...@gmail.com > > > > > > > > >>> wrote: > > > > >>> > > > > >>>> So have to write mixin to do that? > > > > >>>> > > > > >>>> On Wed, Aug 5, 2015 at 12:17 PM, Tobias Oetiker < > t...@oetiker.ch> > > > > >>>> wrote: > > > > >>>> > > > > >>>>> Hi Phyo, > > > > >>>>> > > > > >>>>> > http://manual.qooxdoo.org/current/pages/desktop/ui_decorators.html > > > > >>>>> > > > > >>>>> has some insight into this ... > > > > >>>>> > > > > >>>>> cheers > > > > >>>>> tobi > > > > >>>>> > > > > >>>>> > > > > >>>>> Today Phyo Arkar wrote: > > > > >>>>> > > > > >>>>> > Hello qooxdoo, > > > > >>>>> > > > > > >>>>> > I belive this mailing list still working. > > > > >>>>> > > > > > >>>>> > Here is the question , in CSS we can set multiple shadow > blurs > > > > >>>>> > But i can't find a way to do that in qooxdoo Decorators > > > > >>>>> > > > > > >>>>> > How can i do like this in qooxdoo? > > > > >>>>> > box-shadow: 10px 10px #888, -10px -10px #f4f4f4, 0px 0px 5px > 5px > > > > >>>>> #cc6600; > > > > >>>>> > > > > > >>>>> > Or is there anyway to directly use CSS in qoooxdoo, in a > clean > > > way? > > > > >>>>> > > > > > >>>>> > > > > >>>>> -- > > > > >>>>> Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, > > > Switzerland > > > > >>>>> www.oetiker.ch t...@oetiker.ch +41 62 775 9902 > > > > >>>>> > > > > >>>>> > > > > >>>> > > > > >>> > > > > >> > > > > > > > > > > > > > > > -- > > > Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland > > > www.oetiker.ch t...@oetiker.ch +41 62 775 9902 > > > > > > > -- > Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland > www.oetiker.ch t...@oetiker.ch +41 62 775 9902 >
------------------------------------------------------------------------------
_______________________________________________ qooxdoo-devel mailing list qooxdoo-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
