Hi all,
For the record, I've succeeded in animating the focus by writing a simple
Decorator mixin and then using the "transition" property in decorators for the
focus state. Here is the source code :
https://github.com/jspresso/jspresso-ce/blob/master/qooxdoo/client/src/main/js/org/jspresso/framework/patch/MTransition.js
the apply it as stated in the docs :
qx.Class.patch(qx.ui.decoration.Decorator,
org.jspresso.framework.patch.MTransition);
and use the transition property in the decorator theme definition, e.g. :
"focused-inset": {
style: {
radius: 2,
width: 1,
color: "background-selected",
shadowBlurRadius: 2,
shadowColor: "background-selected",
shadowLength: 0,
transition: "all 200ms ease-out"
}
}
Best,
Vincent
> Le 27 avr. 2015 à 22:46, Vincent Vandenschrick <vvand...@gmail.com> a écrit :
>
> Thank you Norbert. That's what I thought, unfortunately.
>
> --
> Vincent Vandenschrick
>
>> Le 27 avr. 2015 à 10:40, Norbert Schroeder <n.schroe...@scro34.de> a écrit :
>>
>> Hello Vincent,
>>
>> I'm not aware of any way to animate the focus change. As qooxdoo's animation
>> capabilities in general are concerned there is still some room for
>> improvement...
>>
>> Best regards,
>>
>> Norbert
>>
>>
>> Vincent Vandenschrick schrieb am 27.04.2015 09:22:
>>
>>> Thank you Norbert, that looks great. An extra question : is there a way,
>>> through theming or app code itself, to animate the border focus change like
>>> Bootstrap CSS does ?
>>>
>>> Thanks again,
>>> Vincent
>>>
>>>> Le 27 avr. 2015 à 00:30, Norbert Schröder <n.schroe...@scro34.de> a écrit :
>>>>
>>>> Hi Vincent,
>>>>
>>>> here is a quick & dirty example of how you could style a qooxdoo desktop
>>>> widget with a glowy border:
>>>> http://tinyurl.com/l9fyee4
>>>>
>>>> As to your second question: you are right.
>>>>
>>>> Best regards,
>>>>
>>>> Norbert
>>>>
>>>>
>>>>> Am 26.04.2015 um 16:24 schrieb Vincent Vandenschrick:
>>>>> Hi all,
>>>>> I'm trying to improve the L&F of my qooxdoo applications and I wonder if
>>>>> there is any possibility to mimic the "glowy" shadow border of twitter
>>>>> bootstrap css focus borders using the qooxdoo desktop theming
>>>>> infrastructure
>>>>> (e.g. http://getbootstrap.com/css/#forms-control-focus). Moreover,
>>>>> correct me
>>>>> if I'm wrong, but there is no way of using an external CSS in order to
>>>>> style
>>>>> a desktop qooxdoo component, right ?
>>>>>
>>>>> Thanks in advance for any hint.
>>>>>
>>>>> Vincent
>>>>> ------------------------------------------------------------------------------
>>>>> One dashboard for servers and applications across Physical-Virtual-Cloud
>>>>> Widest out-of-the-box monitoring support with 50+ applications
>>>>> Performance metrics, stats and reports that give you Actionable Insights
>>>>> Deep dive visibility with transaction tracing using APM Insight.
>>>>> http://ad.doubleclick.net/ddm/clk/290420510;117567292;y
>>>>> _______________________________________________
>>>>> qooxdoo-devel mailing list
>>>>> qooxdoo-devel@lists.sourceforge.net
>>>>> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>>>>
>>>>
>>>> ------------------------------------------------------------------------------
>>>> One dashboard for servers and applications across Physical-Virtual-Cloud
>>>> Widest out-of-the-box monitoring support with 50+ applications
>>>> Performance metrics, stats and reports that give you Actionable Insights
>>>> Deep dive visibility with transaction tracing using APM Insight.
>>>> http://ad.doubleclick.net/ddm/clk/290420510;117567292;y
>>>> _______________________________________________
>>>> qooxdoo-devel mailing list
>>>> qooxdoo-devel@lists.sourceforge.net
>>>> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>>>
>>>
>>> ------------------------------------------------------------------------------
>>> One dashboard for servers and applications across Physical-Virtual-Cloud
>>> Widest out-of-the-box monitoring support with 50+ applications
>>> Performance metrics, stats and reports that give you Actionable Insights
>>> Deep dive visibility with transaction tracing using APM Insight.
>>> http://ad.doubleclick.net/ddm/clk/290420510;117567292;y
>>> _______________________________________________
>>> qooxdoo-devel mailing list
>>> qooxdoo-devel@lists.sourceforge.net
>>> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>>
>>
>> ------------------------------------------------------------------------------
>> One dashboard for servers and applications across Physical-Virtual-Cloud
>> Widest out-of-the-box monitoring support with 50+ applications
>> Performance metrics, stats and reports that give you Actionable Insights
>> Deep dive visibility with transaction tracing using APM Insight.
>> http://ad.doubleclick.net/ddm/clk/290420510;117567292;y
>> _______________________________________________
>> qooxdoo-devel mailing list
>> qooxdoo-devel@lists.sourceforge.net
>> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
------------------------------------------------------------------------------
One dashboard for servers and applications across Physical-Virtual-Cloud
Widest out-of-the-box monitoring support with 50+ applications
Performance metrics, stats and reports that give you Actionable Insights
Deep dive visibility with transaction tracing using APM Insight.
http://ad.doubleclick.net/ddm/clk/290420510;117567292;y
_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
