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 ?
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 >
------------------------------------------------------------------------------
_______________________________________________ qooxdoo-devel mailing list qooxdoo-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel