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

Reply via email to