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