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
