shadow radius

classic Classic list List threaded Threaded
21 messages Options
12
Reply | Threaded
Open this post in threaded view
|

shadow radius

Phyo Arkar
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?

------------------------------------------------------------------------------

_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: shadow radius

oetiker
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 [hidden email] +41 62 775 9902


------------------------------------------------------------------------------
_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: shadow radius

Phyo Arkar
So have to write mixin to do that?

On Wed, Aug 5, 2015 at 12:17 PM, Tobias Oetiker <[hidden email]> 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 [hidden email] +41 62 775 9902



------------------------------------------------------------------------------

_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: shadow radius

Phyo Arkar

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 <[hidden email]> wrote:
So have to write mixin to do that?

On Wed, Aug 5, 2015 at 12:17 PM, Tobias Oetiker <[hidden email]> 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 [hidden email] +41 62 775 9902




------------------------------------------------------------------------------

_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: shadow radius

Phyo Arkar

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 <[hidden email]> 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 <[hidden email]> wrote:
So have to write mixin to do that?

On Wed, Aug 5, 2015 at 12:17 PM, Tobias Oetiker <[hidden email]> 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 [hidden email] +41 62 775 9902





------------------------------------------------------------------------------

_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: shadow radius

Phyo Arkar
i can't find a way to make mixins work... 

On Wed, Aug 5, 2015 at 5:45 PM, Phyo Arkar <[hidden email]> 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 <[hidden email]> 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 <[hidden email]> wrote:
So have to write mixin to do that?

On Wed, Aug 5, 2015 at 12:17 PM, Tobias Oetiker <[hidden email]> 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 [hidden email] +41 62 775 9902






------------------------------------------------------------------------------

_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: shadow radius

Phyo Arkar
In reply to this post by Phyo Arkar
I can't understand why qooxdoo make styling so difficult. 

On Wed, Aug 5, 2015 at 5:45 PM, Phyo Arkar <[hidden email]> 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 <[hidden email]> 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 <[hidden email]> wrote:
So have to write mixin to do that?

On Wed, Aug 5, 2015 at 12:17 PM, Tobias Oetiker <[hidden email]> 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 [hidden email] +41 62 775 9902






------------------------------------------------------------------------------

_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: shadow radius

Phyo Arkar
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 <[hidden email]> wrote:
I can't understand why qooxdoo make styling so difficult. 

On Wed, Aug 5, 2015 at 5:45 PM, Phyo Arkar <[hidden email]> 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 <[hidden email]> 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 <[hidden email]> wrote:
So have to write mixin to do that?

On Wed, Aug 5, 2015 at 12:17 PM, Tobias Oetiker <[hidden email]> 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 [hidden email] +41 62 775 9902







------------------------------------------------------------------------------

_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: shadow radius

oetiker
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 <[hidden email]> wrote:
>
> > I can't understand why qooxdoo make styling so difficult.
> >
> > On Wed, Aug 5, 2015 at 5:45 PM, Phyo Arkar <[hidden email]>
> > 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 <[hidden email]>
> >> 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 <[hidden email]>
> >>> wrote:
> >>>
> >>>> So have to write mixin to do that?
> >>>>
> >>>> On Wed, Aug 5, 2015 at 12:17 PM, Tobias Oetiker <[hidden email]>
> >>>> 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 [hidden email] +41 62 775 9902
> >>>>>
> >>>>>
> >>>>
> >>>
> >>
> >
>
--
Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland
www.oetiker.ch [hidden email] +41 62 775 9902

------------------------------------------------------------------------------

_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: shadow radius

Phyo Arkar
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 <[hidden email]> 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 <[hidden email]> wrote:
>
> > I can't understand why qooxdoo make styling so difficult.
> >
> > On Wed, Aug 5, 2015 at 5:45 PM, Phyo Arkar <[hidden email]>
> > 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 <[hidden email]>
> >> 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 <[hidden email]>
> >>> wrote:
> >>>
> >>>> So have to write mixin to do that?
> >>>>
> >>>> On Wed, Aug 5, 2015 at 12:17 PM, Tobias Oetiker <[hidden email]>
> >>>> 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 [hidden email] +41 62 775 9902
> >>>>>
> >>>>>
> >>>>
> >>>
> >>
> >
>

--
Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland
www.oetiker.ch [hidden email] +41 62 775 9902


------------------------------------------------------------------------------

_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: shadow radius

Phyo Arkar

On Wed, Aug 5, 2015 at 7:15 PM, Phyo Arkar <[hidden email]> 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 ?





On Wed, Aug 5, 2015 at 7:07 PM, Tobias Oetiker <[hidden email]> 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 <[hidden email]> wrote:
>
> > I can't understand why qooxdoo make styling so difficult.
> >
> > On Wed, Aug 5, 2015 at 5:45 PM, Phyo Arkar <[hidden email]>
> > 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 <[hidden email]>
> >> 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 <[hidden email]>
> >>> wrote:
> >>>
> >>>> So have to write mixin to do that?
> >>>>
> >>>> On Wed, Aug 5, 2015 at 12:17 PM, Tobias Oetiker <[hidden email]>
> >>>> 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 [hidden email] +41 62 775 9902
> >>>>>
> >>>>>
> >>>>
> >>>
> >>
> >
>

--
Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland
www.oetiker.ch [hidden email] +41 62 775 9902



------------------------------------------------------------------------------

_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: shadow radius

oetiker
In reply to this post by Phyo Arkar
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 <[hidden email]> 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 <[hidden email]>
> > wrote:
> > >
> > > > I can't understand why qooxdoo make styling so difficult.
> > > >
> > > > On Wed, Aug 5, 2015 at 5:45 PM, Phyo Arkar <[hidden email]>
> > > > 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 <[hidden email]>
> > > >> 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 <[hidden email]
> > >
> > > >>> wrote:
> > > >>>
> > > >>>> So have to write mixin to do that?
> > > >>>>
> > > >>>> On Wed, Aug 5, 2015 at 12:17 PM, Tobias Oetiker <[hidden email]>
> > > >>>> 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 [hidden email] +41 62 775 9902
> > > >>>>>
> > > >>>>>
> > > >>>>
> > > >>>
> > > >>
> > > >
> > >
> >
> > --
> > Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland
> > www.oetiker.ch [hidden email] +41 62 775 9902
> >
>
--
Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland
www.oetiker.ch [hidden email] +41 62 775 9902

------------------------------------------------------------------------------

_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: shadow radius

Phyo Arkar
I found how to patch it now:

qx.Class.patch(qx.ui.decoration.Decorator, phwabe.mixins.MTextShadow);
qx.Class.patch(qx.ui.decoration.Decorator, phwabe.mixins.MBoxShadowSimple);

that way custom mixin can be apply in Decoration.js

On Wed, Aug 5, 2015 at 7:50 PM, Tobias Oetiker <[hidden email]> 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 <[hidden email]> 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 <[hidden email]>
> > wrote:
> > >
> > > > I can't understand why qooxdoo make styling so difficult.
> > > >
> > > > On Wed, Aug 5, 2015 at 5:45 PM, Phyo Arkar <[hidden email]>
> > > > 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 <[hidden email]>
> > > >> 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 <[hidden email]
> > >
> > > >>> wrote:
> > > >>>
> > > >>>> So have to write mixin to do that?
> > > >>>>
> > > >>>> On Wed, Aug 5, 2015 at 12:17 PM, Tobias Oetiker <[hidden email]>
> > > >>>> 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 [hidden email] +41 62 775 9902
> > > >>>>>
> > > >>>>>
> > > >>>>
> > > >>>
> > > >>
> > > >
> > >
> >
> > --
> > Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland
> > www.oetiker.ch [hidden email] +41 62 775 9902
> >
>

--
Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland
www.oetiker.ch [hidden email] +41 62 775 9902


------------------------------------------------------------------------------

_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: shadow radius

Phyo Arkar
In reply to this post by oetiker
I was finding a way to use mixins.

On Wed, Aug 5, 2015 at 7:50 PM, Tobias Oetiker <[hidden email]> 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 <[hidden email]> 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 <[hidden email]>
> > wrote:
> > >
> > > > I can't understand why qooxdoo make styling so difficult.
> > > >
> > > > On Wed, Aug 5, 2015 at 5:45 PM, Phyo Arkar <[hidden email]>
> > > > 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 <[hidden email]>
> > > >> 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 <[hidden email]
> > >
> > > >>> wrote:
> > > >>>
> > > >>>> So have to write mixin to do that?
> > > >>>>
> > > >>>> On Wed, Aug 5, 2015 at 12:17 PM, Tobias Oetiker <[hidden email]>
> > > >>>> 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 [hidden email] +41 62 775 9902
> > > >>>>>
> > > >>>>>
> > > >>>>
> > > >>>
> > > >>
> > > >
> > >
> >
> > --
> > Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland
> > www.oetiker.ch [hidden email] +41 62 775 9902
> >
>

--
Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland
www.oetiker.ch [hidden email] +41 62 775 9902


------------------------------------------------------------------------------

_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: shadow radius

oetiker
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 <[hidden email]> 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 <[hidden email]> 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 <[hidden email]
> > >
> > > > wrote:
> > > > >
> > > > > > I can't understand why qooxdoo make styling so difficult.
> > > > > >
> > > > > > On Wed, Aug 5, 2015 at 5:45 PM, Phyo Arkar <
> > [hidden email]>
> > > > > > 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 <
> > [hidden email]>
> > > > > >> 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 <
> > [hidden email]
> > > > >
> > > > > >>> wrote:
> > > > > >>>
> > > > > >>>> So have to write mixin to do that?
> > > > > >>>>
> > > > > >>>> On Wed, Aug 5, 2015 at 12:17 PM, Tobias Oetiker <
> > [hidden email]>
> > > > > >>>> 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 [hidden email] +41 62 775 9902
> > > > > >>>>>
> > > > > >>>>>
> > > > > >>>>
> > > > > >>>
> > > > > >>
> > > > > >
> > > > >
> > > >
> > > > --
> > > > Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland
> > > > www.oetiker.ch [hidden email] +41 62 775 9902
> > > >
> > >
> >
> > --
> > Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland
> > www.oetiker.ch [hidden email] +41 62 775 9902
> >
>
--
Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland
www.oetiker.ch [hidden email] +41 62 775 9902

------------------------------------------------------------------------------

_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: shadow radius

Phyo Arkar
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 <[hidden email]> 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 <[hidden email]> 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 <[hidden email]> 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 <[hidden email]
> > >
> > > > wrote:
> > > > >
> > > > > > I can't understand why qooxdoo make styling so difficult.
> > > > > >
> > > > > > On Wed, Aug 5, 2015 at 5:45 PM, Phyo Arkar <
> > [hidden email]>
> > > > > > 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 <
> > [hidden email]>
> > > > > >> 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 <
> > [hidden email]
> > > > >
> > > > > >>> wrote:
> > > > > >>>
> > > > > >>>> So have to write mixin to do that?
> > > > > >>>>
> > > > > >>>> On Wed, Aug 5, 2015 at 12:17 PM, Tobias Oetiker <
> > [hidden email]>
> > > > > >>>> 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 [hidden email] +41 62 775 9902
> > > > > >>>>>
> > > > > >>>>>
> > > > > >>>>
> > > > > >>>
> > > > > >>
> > > > > >
> > > > >
> > > >
> > > > --
> > > > Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland
> > > > www.oetiker.ch [hidden email] +41 62 775 9902
> > > >
> > >
> >
> > --
> > Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland
> > www.oetiker.ch [hidden email] +41 62 775 9902
> >
>

--
Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland
www.oetiker.ch [hidden email] +41 62 775 9902


------------------------------------------------------------------------------

_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: shadow radius

Mustafa Sak-5

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: [hidden email] | Web: www.1und1.de

 

Von: Phyo Arkar [mailto:[hidden email]]
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 <[hidden email]> 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 <[hidden email]> 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 <[hidden email]> 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 <[hidden email]
> > >
> > > > wrote:
> > > > >
> > > > > > I can't understand why qooxdoo make styling so difficult.
> > > > > >
> > > > > > On Wed, Aug 5, 2015 at 5:45 PM, Phyo Arkar <
> > [hidden email]>
> > > > > > 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 <
> > [hidden email]>
> > > > > >> 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 <
> > [hidden email]
> > > > >
> > > > > >>> wrote:
> > > > > >>>
> > > > > >>>> So have to write mixin to do that?
> > > > > >>>>
> > > > > >>>> On Wed, Aug 5, 2015 at 12:17 PM, Tobias Oetiker <
> > [hidden email]>
> > > > > >>>> 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 [hidden email] +41 62 775 9902
> > > > > >>>>>
> > > > > >>>>>
> > > > > >>>>
> > > > > >>>
> > > > > >>
> > > > > >
> > > > >
> > > >
> > > > --
> > > > Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland
> > > > www.oetiker.ch [hidden email] +41 62 775 9902
> > > >
> > >
> >
> > --
> > Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland
> > www.oetiker.ch [hidden email] +41 62 775 9902
> >
>

--
Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland
www.oetiker.ch [hidden email] +41 62 775 9902

 


------------------------------------------------------------------------------

_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: shadow radius

Phyo Arkar
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 <[hidden email]> 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: [hidden email] | Web: www.1und1.de

 

Von: Phyo Arkar [mailto:[hidden email]]
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 <[hidden email]> 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 <[hidden email]> 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 <[hidden email]> 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 <[hidden email]
> > >
> > > > wrote:
> > > > >
> > > > > > I can't understand why qooxdoo make styling so difficult.
> > > > > >
> > > > > > On Wed, Aug 5, 2015 at 5:45 PM, Phyo Arkar <
> > [hidden email]>
> > > > > > 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 <
> > [hidden email]>
> > > > > >> 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 <
> > [hidden email]
> > > > >
> > > > > >>> wrote:
> > > > > >>>
> > > > > >>>> So have to write mixin to do that?
> > > > > >>>>
> > > > > >>>> On Wed, Aug 5, 2015 at 12:17 PM, Tobias Oetiker <
> > [hidden email]>
> > > > > >>>> 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 [hidden email] +41 62 775 9902
> > > > > >>>>>
> > > > > >>>>>
> > > > > >>>>
> > > > > >>>
> > > > > >>
> > > > > >
> > > > >
> > > >
> > > > --
> > > > Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland
> > > > www.oetiker.ch [hidden email] +41 62 775 9902
> > > >
> > >
> >
> > --
> > Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland
> > www.oetiker.ch [hidden email] +41 62 775 9902
> >
>

--
Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland
www.oetiker.ch [hidden email] +41 62 775 9902

 


------------------------------------------------------------------------------

_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel



------------------------------------------------------------------------------

_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: shadow radius

Phyo Arkar
Hey Mustafa, the functionailty i am looking for is already in PR. 


In case you guys forgot to review it.

On Fri, Aug 7, 2015 at 3:42 PM, Phyo Arkar <[hidden email]> 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 <[hidden email]> 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: [hidden email] | Web: www.1und1.de

 

Von: Phyo Arkar [mailto:[hidden email]]
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 <[hidden email]> 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 <[hidden email]> 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 <[hidden email]> 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 <[hidden email]
> > >
> > > > wrote:
> > > > >
> > > > > > I can't understand why qooxdoo make styling so difficult.
> > > > > >
> > > > > > On Wed, Aug 5, 2015 at 5:45 PM, Phyo Arkar <
> > [hidden email]>
> > > > > > 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 <
> > [hidden email]>
> > > > > >> 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 <
> > [hidden email]
> > > > >
> > > > > >>> wrote:
> > > > > >>>
> > > > > >>>> So have to write mixin to do that?
> > > > > >>>>
> > > > > >>>> On Wed, Aug 5, 2015 at 12:17 PM, Tobias Oetiker <
> > [hidden email]>
> > > > > >>>> 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 [hidden email] +41 62 775 9902
> > > > > >>>>>
> > > > > >>>>>
> > > > > >>>>
> > > > > >>>
> > > > > >>
> > > > > >
> > > > >
> > > >
> > > > --
> > > > Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland
> > > > www.oetiker.ch [hidden email] +41 62 775 9902
> > > >
> > >
> >
> > --
> > Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland
> > www.oetiker.ch [hidden email] +41 62 775 9902
> >
>

--
Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland
www.oetiker.ch [hidden email] +41 62 775 9902

 


------------------------------------------------------------------------------

_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel




------------------------------------------------------------------------------

_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: shadow radius

Mustafa Sak-5
In reply to this post by Phyo Arkar

I was talking about CSS classes ;) not about constructors.

 

Gruß
Mustafa Sak

Applications & Integration

1&1 Internet AG | Ernst-Frey-Straße 10 | 76135 Karlsruhe | Germany
Phone: +49 721 91374-6977
E-Mail: [hidden email] | Web: www.1und1.de

Hauptsitz Montabaur, Amtsgericht Montabaur, HRB 6484

Vorstand: Frank Einhellinger, Robert Hoffmann, Markus Huhn, Hans-Henning Kettler, Uwe Lamnek
Aufsichtsratsvorsitzender: Michael Scheeren

Member of United Internet



-------- Ursprüngliche Nachricht --------
Von: Phyo Arkar <[hidden email]>
Gesendet: Friday, August 7, 2015 10:31 PM
An: qooxdoo Development <[hidden email]>
Betreff: Re: [qooxdoo-devel] shadow radius

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 <[hidden email]> 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: [hidden email] | Web: www.1und1.de

 

Von: Phyo Arkar [mailto:[hidden email]]
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 <[hidden email]> 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 <[hidden email]> 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 <[hidden email]> 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 <[hidden email]
> > >
> > > > wrote:
> > > > >
> > > > > > I can't understand why qooxdoo make styling so difficult.
> > > > > >
> > > > > > On Wed, Aug 5, 2015 at 5:45 PM, Phyo Arkar <
> > [hidden email]>
> > > > > > 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 <
> > [hidden email]>
> > > > > >> 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 <
> > [hidden email]
> > > > >
> > > > > >>> wrote:
> > > > > >>>
> > > > > >>>> So have to write mixin to do that?
> > > > > >>>>
> > > > > >>>> On Wed, Aug 5, 2015 at 12:17 PM, Tobias Oetiker <
> > [hidden email]>
> > > > > >>>> 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 [hidden email] +41 62 775 9902
> > > > > >>>>>
> > > > > >>>>>
> > > > > >>>>
> > > > > >>>
> > > > > >>
> > > > > >
> > > > >
> > > >
> > > > --
> > > > Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland
> > > > www.oetiker.ch [hidden email] +41 62 775 9902
> > > >
> > >
> >
> > --
> > Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland
> > www.oetiker.ch [hidden email] +41 62 775 9902
> >
>

--
Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland
www.oetiker.ch [hidden email] +41 62 775 9902

 


------------------------------------------------------------------------------

_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel



------------------------------------------------------------------------------

_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
12