Theming question: How to get rid of gradient background image

View: New views
4 Messages — Rating Filter:   Alert me  

Theming question: How to get rid of gradient background image

by panyasan :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message


Hello,

I am trying to get rid of the stylish gradient background image in the
toolbar and table headers which looks good in principle but gets old really
fast a complex UI with many toolbars and tables. I have experimented with
overriding entries in the Appeareance and Decoration classes in the "theme"
folder of my app, but haven't been successful.

Is there an easy way of replacing the gradient image with a plain color
background? Maybe someone has already done that.

Thanks,

Christian
--
View this message in context: http://n2.nabble.com/Theming-question-How-to-get-rid-of-gradient-background-image-tp3935297p3935297.html
Sent from the qooxdoo mailing list archive at Nabble.com.

------------------------------------------------------------------------------
Come build with us! The BlackBerry(R) Developer Conference in SF, CA
is the only developer event you need to attend this year. Jumpstart your
developing skills, take BlackBerry mobile applications to market and stay
ahead of the curve. Join us from November 9 - 12, 2009. Register now!
http://p.sf.net/sfu/devconference
_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@...
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

Re: Theming question: How to get rid of gradient background image

by Jonathan Weiß-2 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message


Hello Christian,


overriding entries in your application's theme is the correct way to go. :-)

What have you tried so far? You can remove a decorator by setting the value
to undefined:

qx.Theme.define("helloworld.theme.Appearance",
{
  extend : qx.theme.modern.Appearance,

  appearances :
  {

    "table-scroller/header":
    {
      style : function(states)
      {
        return {
          decorator : undefined
        };
      }
    }
   
  }
});


Kind regards
Jonathan

-----
Jonathan Weiß
Framework Engineer

http://mysterycity.de/blog Blog  -  http://www.linkedin.com/in/jonathanrass
LinkedIn  -  http://www.xing.com/profile/Jonathan_Weiss5 XING
--
View this message in context: http://n2.nabble.com/Theming-question-How-to-get-rid-of-gradient-background-image-tp3935297p3939341.html
Sent from the qooxdoo mailing list archive at Nabble.com.

------------------------------------------------------------------------------
Come build with us! The BlackBerry(R) Developer Conference in SF, CA
is the only developer event you need to attend this year. Jumpstart your
developing skills, take BlackBerry mobile applications to market and stay
ahead of the curve. Join us from November 9 - 12, 2009. Register now!
http://p.sf.net/sfu/devconference
_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@...
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

Re: Theming question: How to get rid of gradient background image

by Matthew Gregory :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Does undefined work? I would have thought null would be a better option?

Jonathan Weiß wrote:

> Hello Christian,
>
>
> overriding entries in your application's theme is the correct way to go. :-)
>
> What have you tried so far? You can remove a decorator by setting the value
> to undefined:
>
> qx.Theme.define("helloworld.theme.Appearance",
> {
>   extend : qx.theme.modern.Appearance,
>
>   appearances :
>   {
>
>     "table-scroller/header":
>     {
>       style : function(states)
>       {
>         return {
>           decorator : undefined
>         };
>       }
>     }
>    
>   }
> });
>
>
> Kind regards
> Jonathan
>
> -----
> Jonathan Weiß
> Framework Engineer
>
> http://mysterycity.de/blog Blog  -  http://www.linkedin.com/in/jonathanrass
> LinkedIn  -  http://www.xing.com/profile/Jonathan_Weiss5 XING


------------------------------------------------------------------------------
Come build with us! The BlackBerry(R) Developer Conference in SF, CA
is the only developer event you need to attend this year. Jumpstart your
developing skills, take BlackBerry mobile applications to market and stay
ahead of the curve. Join us from November 9 - 12, 2009. Register now!
http://p.sf.net/sfu/devconference
_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@...
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

Re: Theming question: How to get rid of gradient background image

by Jonathan Weiß-2 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message


Hello Matthew,


yes, null would als work, as we do a simple check like "if (decorator)  ...
{} ". But we decided to use undefined anywhere in the qx.theme namespace, so
it would be convenient to stay with it. ;-)

Cheers
Jonathan

-----
Jonathan Weiß
Framework Engineer

http://mysterycity.de/blog Blog  -  http://www.linkedin.com/in/jonathanrass
LinkedIn  -  http://www.xing.com/profile/Jonathan_Weiss5 XING
--
View this message in context: http://n2.nabble.com/Theming-question-How-to-get-rid-of-gradient-background-image-tp3935297p3943970.html
Sent from the qooxdoo mailing list archive at Nabble.com.

------------------------------------------------------------------------------
Let Crystal Reports handle the reporting - Free Crystal Reports 2008 30-Day
trial. Simplify your report design, integration and deployment - and focus on
what you do best, core application coding. Discover what's new with
Crystal Reports now.  http://p.sf.net/sfu/bobj-july
_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@...
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel