Hi,
decorators are used for borders and the like in qooxdoo. There a two ways how
to implement your requirement. Either you implement it directly in your code or
you extend your appearance / decorator themes. I describe the latter.
--snip--
// Appearance theme - "Appearance.js" file in your app
// modify the table appearance
"table" :
{
alias : "widget",
style : function(states)
{
return {
decorator : states.focused ? "table-focused" : "table"
};
}
}
--snip--
--snip--
// Decorator theme - "Decoratoion.js" file in your app
// add the "table-focused" decorator
"table-focused" :
{
decorator : qx.ui.decoration.Single,
style :
{
width : 1,
color : "border-focused",
style : "solid"
}
},
--snip--
The "border-focused" is an already defined color in qooxdoo which you can use
for the focus visualization.
What basically happens is that you have to set another decorator if the widget
is focused. For several changes of the widgets there a so-called "states" which
are handed over to the appearance system and can be be used in the Appearance
theme to react on changes at the UI. "focused" is one of them and you can
easily use it to set/reset the decorator.
This is the URL to the playground (code example): http://tinyurl.com/2u2lvqd
Regards,
Alex
> sadly my knowledge about decorators, styles, css and related themes is
> very
> poor (like my english)..
> I was trying, every month I trying, but I cant detect how draw that
> "blue
> ghost" around de widgets borders
>
> But thanks your time panyasan.
------------------------------------------------------------------------------
Beautiful is writing same markup. Internet Explorer 9 supports
standards for HTML5, CSS3, SVG 1.1, ECMAScript5, and DOM L2 & L3.
Spend less time writing and rewriting code and more time creating great
experiences on the web. Be a part of the beta today
http://p.sf.net/sfu/msIE9-sfdev2dev
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
