Hi Alex, thank you, that really did the trick!
I'm glad that show stopper disappeared... Bye, Stefan Alexander Back wrote: > Hi Stefan, > > Stefan Volbers wrote: >> Thanks for testing it Jim, >> >> no theming at all here, to me this happens within my existing app as >> well as on plain stub app created by >> "qooxdoo/tool/bin/create-application -n xyz"... > Every application uses the "Modern" theme as default. > >> Can anyone comment on whether the <div> attributes of the widget are >> created at generation time (./generate.py source) or at runtime? Maybe >> I've got to fine tune my generator to have it write correct values? I >> usually use cygwin with Python 2.5.1, running flawlessly AFAICS. >> Needless to say, the prob appears in source and in build. > All DOM elements are generated at runtime in qooxdoo and your problem is > easy to solve. > > The textfield uses a decorator (see > http://qooxdoo.org/documentation/0.8/ui_decorators for more details) for > its appearance. With decorators you are able to style your widgets in a > powerful way - in the case of the textfield widget a background image > combined with a background color is used. Because the background image > is at the top of the widget and covers the background color turning it > into "red" as in your example results in that only the lower part of the > this textfield turns to red. Actually the whole widget has a red > background color but as mentioned the background-image covers this. > > To solve your problem either change the decorator for textfield itself > by subclassing and overwriting the decoration theme ( -> > http://qooxdoo.org/documentation/0.8/ui_custom_themes ) OR change the > decorator direclty in your application code which has the drawback that > you have to change this for ALL of your textfields manually. > > Here how it can look like: > --snip-- > myTextField.setDecorator("main"); // basic decorator which only sets a > border > myTextField.setBackgroundColor("red"); // there you go :-) > --snip-- > > I hope this will be a little enlightment for you ;-) If you have further > questions, just ask. > > cheers, > Alex > >> Jim Hunter wrote: >>> What theme are you using? I just tried your code and I get a text >>> field with a solid background color. I was adding the text field to >>> one of my already created controls, not the root element. ... I just >>> tested it on the root element and it worked fine as well. >>> >>> For me it seems to be working fine. I am using the SDK version of .8 >>> >>> Jim >>> >>> >>> On Thu, Nov 6, 2008 at 7:08 AM, Stefan Volbers <[EMAIL PROTECTED] >>> <mailto:[EMAIL PROTECTED]>> wrote: >>> >>> Hi list, >>> >>> when I try to change the background color of a >>> qx.ui.form.TextField, it >>> is colored only partially; the upper half remains white. >>> This method is inherited from qx.ui.core.Widget. Other subclasses >>> like >>> qx.ui.basic.Label act as expected. >>> >>> Using firebug's inspector, I found textfield's decorator be >>> exactly the >>> same as label's: >>> >>> <div style="overflow: hidden; font-size: 0pt; line-height: 0pt; >>> position: absolute; top: 0pt; left: 0pt; z-index: 5;" >>> qxtype="decorator"> >>> <div style="border: 1px solid rgb(51, 72, 102); opacity: 0.35; width: >>> 80px; height: 20px;"/> >>> <div style="border-left: 1px solid rgb(51, 72, 102); border-right: >>> 1px >>> solid rgb(51, 72, 102); position: absolute; top: 1px; left: 0px; >>> width: >>> 80px; height: 20px;"/> >>> <div style="border-top: 1px solid rgb(51, 72, 102); border-bottom: >>> 1px >>> solid rgb(51, 72, 102); position: absolute; top: 0px; left: 1px; >>> width: >>> 80px; height: 20px;"/> >>> <div style="background-image: >>> >>> url(../../../qooxdoo/qooxdoo-0.8-sdk/framework/source/resource/qx/decoration/Modern/form/input.png); >>> >>> >>> background-position: 0px 0.01px; background-repeat: repeat-x; >>> position: >>> absolute; top: 1px; left: 1px; background-color: rgb(0, 0, 255); >>> width: >>> 80px; height: 20px;"/> >>> <div style="border: 1px solid rgb(153, 195, 254); position: absolute; >>> top: 1px; left: 1px; opacity: 0.999999; width: 78px; height: 18px;"/> >>> </div> >>> >>> When tweaking these values I succeeded in filling the background >>> completely like that (notice values top and height) >>> background-image: >>> >>> url(../../../qooxdoo/qooxdoo-0.8-sdk/framework/source/resource/qx/decoration/Modern/form/input.png); >>> >>> >>> background-position: 0px 0.01px; background-repeat: repeat-x; >>> position: >>> absolute; top: -12px; left: 1px; background-color: rgb(0, 128, 128); >>> width: 80px; height: 32px; >>> >>> I use qooxdoo 0.8 SDK, tested with Firefox 2, Opera 9.5 and IE6 in >>> Win >>> and Firefox 3 in Ubuntu8.04. >>> >>> var tf = new qx.ui.form.TextField("Hello there..."); >>> >>> var doc = this.getRoot(); >>> >>> doc.add(tf, {left:100, top: 50}); >>> >>> tf.setBackgroundColor("#0000FF"); >>> >>> I couldn't find anything on that topic in bugzilla and am confused if >>> noone else stumbled upon this one... >>> >>> Is this bug known, maybe fixed in SVN, or did I do something horribly >>> wrong?? >>> >>> Thx in advance, >>> Stefan > > ------------------------------------------------------------------------- > This SF.Net email is sponsored by the Moblin Your Move Developer's challenge > Build the coolest Linux based applications with Moblin SDK & win great prizes > Grand prize is a trip for two to an Open Source event anywhere in the world > http://moblin-contest.org/redirect.php?banner_id=100&url=/ > _______________________________________________ > qooxdoo-devel mailing list > [email protected] > https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel ------------------------------------------------------------------------- This SF.Net email is sponsored by the Moblin Your Move Developer's challenge Build the coolest Linux based applications with Moblin SDK & win great prizes Grand prize is a trip for two to an Open Source event anywhere in the world http://moblin-contest.org/redirect.php?banner_id=100&url=/ _______________________________________________ qooxdoo-devel mailing list [email protected] https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
