I have created a contribution widget with its own theming:

Appearance.js
-------------------
qx.Theme.define("q.theme.Appearance",
{
  title : "q appearance theme",

  appearances :
  {
    "fv/visual-pane" :
    {
      style : function(states)
      {
        return {
          decorator : "visual-pane"
        };
      }
    }
});

Decorator.js
-----------------

qx.Theme.define("q.theme.Decoration",
{
  decorations :
  {
    "visual-pane" :
    {
        decorator: qx.ui.decoration.Single,

      style :
      {
                widthTop : 1,
                colorTop : "border-main",
                style    : "solid"
      }
    }
  }
});

and in the class of the widget:

   _createChildControlImpl : function(id)
    {
      var control;

      switch(id)
      {
....
        case "visual-pane":
                    control = new qx.ui.core.scroll.ScrollPane();
                    break;
....
       }

and I get the following error:

Error
 in property decorator of class qx.ui.core.scroll.ScrollPane in method 
setThemedDecorator with incoming value 'visual-pane-border': Is invalid!      
throw new Error(msg + (this.__errors[id] || "Unknown reason: " + id));


What am I doing wrong here? Doesn't it work with a ScrollPane? Do I need to 
enclose it with a Composite class? What is the problem?

Stefan


                                          
------------------------------------------------------------------------------
This SF.net Dev2Dev email is sponsored by:

Show off your parallel programming skills.
Enter the Intel(R) Threading Challenge 2010.
http://p.sf.net/sfu/intel-thread-sfd
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

Reply via email to