Hi,
here are my answers...
1)
First of all, please have a quick look at the SASS documentation.
http://sass-lang.com/documentation/file.SASS_REFERENCE.html
It is a great enhancement to CSS.
qx.Mobile only knows the variables you find inside your _styles.scss, it does
not auto-detect further variables.
So, if you define additional variables, nothing would happen of course, because
the those our framework SCSS files stay the same.
But it makes sense to create your own variable with the same naming. Great idea.
If you create your own variable, i would propose to put them in a separate
SCSS file beside your custom.scss
Just create a "_mystyles.scss"
add the
$atom-text-color:white;
and then go to your
custom.scss
and add
@import "mystyles";
in Line 4
After this you can use the variables defined there.
The SCSS files will be automatically compiled to CSS, if you use the
"./generate.py watch-scss" job.
Then you can add to your custom.scss
.atom {
color: $atom-text-color;
}
2) If you want to use the background syntax of qx.Mobile you have to use the
background mixin.
$titleComposite-background: red, black;
.titleComposite {
@include background($titleComposite-background);
}
The background mixin is imported with the statement
@import "common/all";
inside your custom.scss
You can have a look at our mixins inside the framework:
qooxdoo/framework/source/resource/qx/mobile/scss/common/mixins
3)
You can overwrite CSS statements if you append "!important" on a statement.
This might help in this case, too.
Or you set the styles through qx.Mobile as a inline-style.
qx.bom.element.Style.set(atom.getContentElement(),"margin","10px");
4)
I think this because the flex layout.
Apply a hbox layout to Atom:
http://demo.qooxdoo.org/current/apiviewer/#qx.ui.mobile.layout.HBox
5)
If you want to layout a widget by your own, just remove the layout.
The apply qx.bom.element.Style.set(button.getContentElement(),"width","100px");
6)
qooxdoo contains Mustache.js as a templating framework. It works great for this
purpose:
http://demo.qooxdoo.org/current/apiviewer/#qx.bom.Template
If you do not see a widget, please add apply the layout properties:
this.getContent().add(html,{flex:1});
And check, if you have a flex layout surrounding.
7)
Yes, this should be no problem. Just slice the model you pass to the list, and
the list will update itself, automatically.
You could listen to the "pageEnd" event of the scrollContainer.
http://demo.qooxdoo.org/current/apiviewer/#qx.ui.mobile.container.Scroll~pageEnd!event
If you reach the end of the page, you could load more items.
The pageEnd will only triggered on all platforms if you deactivate nativescroll
inside your config.json, because it is only fired by iScroll.
Just add
qx.mobile.nativescroll: false
after line 107, inside your config,json and build again.
Greetz Christopher
------------------------------------------------------------------------------
WatchGuard Dimension instantly turns raw network data into actionable
security intelligence. It gives you real-time visual feedback on key
security issues and trends. Skip the complicated setup - simply import
a virtual appliance and go from zero to informed in seconds.
http://pubads.g.doubleclick.net/gampad/clk?id=123612991&iu=/4140/ostg.clktrk
_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
