OK I am just soliloquising but I guess I found a good solution. Now I see that all appearance styles must be a themeable property of the widget, at least qx.ui.core.Widget.
So I wrote a small Mixin and included it programmatically to
qx.ui.core.Widget
Here it is my scripts for text shadow (only css compatibility):
qx.Mixin.define("asa.ui.core.MTextShadow",
{
properties :
{
opener :
{
init : null,
nullable : true
},
/**
* The text shadow to the rendered widget.
*/
textShadow :
{
nullable : true,
check : "String",
apply : "_applyTextShadow",
event : "changeTextShadow",
themeable : true,
inheritable : true
}
},
members :
{
_applyTextShadow : function(value, old)
{
this.getContainerElement().setStyle("text-shadow", value);
//this.getContentElement().setStyle("text-shadow", value);
}
}
});
By the way, why doesn't this.getContentElement().setStyle("text-shadow",
value); have any effect?
Regards Sak
SAKsystems
Inh. Mustafa Sak
Varrelmannstr. 16
30453 Hannover
Tel. +49 511 / 165 969 40
Fax +49 511 / 165 969 49
Mobil +49 163 / 312 6144
http://www.saksys.de
[email protected]
STEUER-Nr. 2613817458
-----Ursprüngliche Nachricht-----
Von: Mustafa Sak [mailto:[email protected]]
Gesendet: Donnerstag, 11. August 2011 13:58
An: 'qooxdoo Development'
Betreff: Re: [qooxdoo-devel] custom decorator mixin: TextShadow
Hi Alex,
Because of Martins and linocus discussion about widget rendering I saw that
decorator div is never wrapping the content div.
So I need a hint to realize my text-shadow anyway. Is there a way to enhance
Appearance.js?
In a previous solution I just sub classed qx.ui.window.Window and overwrote
createchildcontrol. But I prefer to solve this with themes.
Is their any suggestion?
Regards Sak
SAKsystems
Inh. Mustafa Sak
Varrelmannstr. 16
30453 Hannover
Tel. +49 511 / 165 969 40
Fax +49 511 / 165 969 49
Mobil +49 163 / 312 6144
http://www.saksys.de
[email protected]
STEUER-Nr. 2613817458
-----Ursprüngliche Nachricht-----
Von: Mustafa Sak [mailto:[email protected]]
Gesendet: Mittwoch, 10. August 2011 18:30
An: 'qooxdoo Development'
Betreff: Re: [qooxdoo-devel] custom decorator mixin: TextShadow
Hi Alex,
now I see what's happen. It looks like my decorator creates an additional
div with my text-shadow style. But it's under the content div, so I couldn't
see anything. Here is what firebug gets me:
<div style="overflow: hidden; white-space: nowrap; position: absolute;
z-index: 10; -moz-user-select: -moz-none; color: rgb(18, 35, 50);
font-family: Arial,Tahoma,Verdana,"Bitstream Vera Sans","Liberation Sans";
font-size: 13px; line-height: 1.4; text-align: center; font-weight: normal;
left: 0px; top: 0px; width: 278px; height: 18px;" qxtype="content"
qxselectable="off">Login</div>
<div style="position: absolute; top: 0pt; left: 0pt; pointer-events: none;
z-index: 5;" qxtype="decorator"></div>
But I want to set the text shadow css of the first div. Here are my
appearance and decorator settings:
Appereance:
"window/title" :
{
style : function(states)
{
return {
textAlign : "center",
alignY : "middle",
marginLeft : 6,
marginRight : 12,
font : (states.maximized) ? "windowMaximized" : "window",
textColor : (states.maximized) ? "#FFF" : "#122332",
decorator : "window-title-shadow"
};
}
},
Decorator:
"window-title-shadow" :
{
decorator : [asa.ui.decoration.MTextShadow],
style :
{
textShadow : "#6374AB 20px -12px 2px"
}
},
How to tell qooxdoo to include wrap the inner label div?
SAKsystems
Inh. Mustafa Sak
Varrelmannstr. 16
30453 Hannover
Tel. +49 511 / 165 969 40
Fax +49 511 / 165 969 49
Mobil +49 163 / 312 6144
http://www.saksys.de
[email protected]
STEUER-Nr. 2613817458
-----Ursprüngliche Nachricht-----
Von: Alexander Steitz [mailto:[email protected]]
Gesendet: Mittwoch, 10. August 2011 17:31
An: qooxdoo Development
Betreff: Re: [qooxdoo-devel] custom decorator mixin: TextShadow
Hi Mustafa,
On Wednesday 10 August 2011 16:52:55 Mustafa Sak wrote:
> Hi List,
>
> I made a custom text Shadow css mixin. _styleTextShadow function is
running
> but no effort. Is their a filter or a white list for allowed style sheets?
> Here is my code:
And what do you hand in as value? If the value has the wrong syntax the
browser won't apply it.
-> http://www.quirksmode.org/css/textshadow.html
Regards,
Alex
----------------------------------------------------------------------------
--
uberSVN's rich system and user administration capabilities and model
configuration take the hassle out of deploying and managing Subversion and
the tools developers use with it. Learn more about uberSVN and get a free
download at: http://p.sf.net/sfu/wandisco-dev2dev
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
<<attachment: Mustafa Sak ([email protected]).vcf>>
------------------------------------------------------------------------------ Get a FREE DOWNLOAD! and learn more about uberSVN rich system, user administration capabilities and model configuration. Take the hassle out of deploying and managing Subversion and the tools developers use with it. http://p.sf.net/sfu/wandisco-dev2dev
_______________________________________________ qooxdoo-devel mailing list [email protected] https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
