Hi, did you try to set a css class on the content element and define a custom CSS to manipulate it?
The trick is, to set the class via qx.html.Element API [1], after creating the highr level widget. Like: var button = new qx.ui.form.Button(); Button.getContentElement().addClass(“myCrazzyCSSClass“); So you could still let qooxdoo set the layouting styles, like left, top, padding, margin… And just define your own CSS classes for decoration and animation and what ever you want to do. [1] http://demo.qooxdoo.org/current/apiviewer/#qx.html.Element~addClass!method_public Dank & Gruß Mustafa Sak Softwareentwickler Mail Development 1&1 Mail & Media Development & Technology GmbH | Brauerstraße 48 | 76135 Karlsruhe | Germany Phone: +49 721 91374-6977 E-Mail: mustafa....@1und1.de<mailto:mustafa....@1und1.de> | Web: www.1und1.de<http://www.1und1.de/> Von: Phyo Arkar [mailto:phyo.arkarl...@gmail.com] Gesendet: Donnerstag, 6. August 2015 09:41 An: Tobias Oetiker Cc: qooxdoo-devel Betreff: Re: [qooxdoo-devel] shadow radius coz textshadow and Multiple Css box-shadow Glows aren't supported by qooxdoo currently. On Thu, Aug 6, 2015 at 1:34 PM, Tobias Oetiker <t...@oetiker.ch<mailto:t...@oetiker.ch>> wrote: Hi Phyo, Today Phyo Arkar wrote: > I was finding a way to use mixins. not quite clear why you insist on NOT using theming support cheers tobi > > On Wed, Aug 5, 2015 at 7:50 PM, Tobias Oetiker > <t...@oetiker.ch<mailto: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<mailto: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<mailto: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<mailto: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<mailto: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<mailto: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<mailto: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<http://www.oetiker.ch> > > > > > >>>>> t...@oetiker.ch<mailto:t...@oetiker.ch> +41 62 775 9902 > > > > > >>>>> > > > > > >>>>> > > > > > >>>> > > > > > >>> > > > > > >> > > > > > > > > > > > > > > > > > > > -- > > > > Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland > > > > www.oetiker.ch<http://www.oetiker.ch> > > > > t...@oetiker.ch<mailto:t...@oetiker.ch> +41 62 775 9902 > > > > > > > > > > > -- > > Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland > > www.oetiker.ch<http://www.oetiker.ch> > > t...@oetiker.ch<mailto:t...@oetiker.ch> +41 62 775 9902 > > > -- Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland www.oetiker.ch<http://www.oetiker.ch> t...@oetiker.ch<mailto:t...@oetiker.ch> +41 62 775 9902
------------------------------------------------------------------------------
_______________________________________________ qooxdoo-devel mailing list qooxdoo-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
