Right but in this case textcolor has to moved to font class too. And at the very beginning of using theming in Qooxdoo I tried intuitively to set textcolor at font class. So maybe, it's not even bad think about allowing all text specific styles in font class. Just overwritten if setter at appearance or widget him self. I will open a bug tomorrow morning.
Von meinem iPhone gesendet Am 11.08.2011 um 18:28 schrieb Alexander Steitz <[email protected]>: > Hi Mustafa, > > maybe it would be to create a bug report for this whole issue, so we can > better support this. A "text-shadow" property at the font class would be > nice, > right? > > Regards, > Alex > > On Thursday 11 August 2011 15:42:56 Mustafa Sak wrote: >> 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 >> >> > > ------------------------------------------------------------------------------ > 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 ------------------------------------------------------------------------------ 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
