Hey Mustafa, the functionailty i am looking for is already in PR. https://github.com/qooxdoo/qooxdoo/pull/139
In case you guys forgot to review it. On Fri, Aug 7, 2015 at 3:42 PM, Phyo Arkar <phyo.arkarl...@gmail.com> wrote: > Thanks > > But mixins looks cleaner. isn't it? > Any disadvantages using mixin over forcing a class? > > On Thu, Aug 6, 2015 at 4:58 PM, Mustafa Sak <mustafa....@1und1.de> wrote: > >> 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 | Web: 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> 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> 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 >> > > >> > >> >> -- >> 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 >> >> >
------------------------------------------------------------------------------
_______________________________________________ qooxdoo-devel mailing list qooxdoo-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
