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
