Hello!
I'm new to this framework (and, probably js too) so i'm ran in a few
problems which may seem pretty basic. I've read all the docs, but haven't
find any answers.
1) I wanted to extend scss classes somehow for different controls. For
example I needed to style the Atom control which had no properties for it in
the stock _styles.scss file. I checked it's source and it was looking like
it uses the "atom" css class. But adding
$atom-color: white;
or
$atom-text-color:white;
didn't change the text color. Adding
.atom{
color: white;
}
did the trick. Why can't I use the "$atom-text-color:white;" form in this
case?
2) I've needed to make a gradient background for a Composite control. So
I've just added a css class to it
composite.addCssClass("titleComposite");
and in the ideal case I would like to make a gradient following tutorial
like this:
$titleComposite-background: red, black;
As I've already saw it won't work so I tried it in this way:
.titleComposite{
background: red, black;
}
but instead I just got no background at all. So finally I had to use a
pretty code-massive solution via regular css.
How am I able to use the gradient and other features for these regular css
classes if I can't work with them as with the classes that already was in
the _style.scss file?
3) I need to make something like 2 titles for every widget. First one is a
standart NavigationPage title and the second one is "emulated" using a
composite with atom inside of it. I need to have no gaps between the page's
title and this composite container, but even adding
* {
margin: 0;
padding: 0;
}
changes nothing. I also tried
position: absolute;
left: 0px;
top: 0px;
right: 0px;
and it somehow works, but it's not a solution since it hides a lower
element.
4) When I was adding a seperate image and a label into the composite they
were aligned on the left side just fine, but when I tried using atom instead
it's always centered. Neither text-align, neiter margin/padding/float works.
How can it be?
5) Same strange (at least in my eyes) thing is happening with buttons: i'm
not able to change their size using width/height properties. It just uses
all the horizontal free space. I can manipulate it with manipulating
container's width somehow, but it's not too good, since I just want to style
buttons with background images making button's size 1:1 with image's size.
6) Since I need some tables for my application and there's no grid or
similar controls for mobile I wanted to generate and insert a pure html. I
tried the embed.Html class to output simple text:
var html = new qx.ui.mobile.embed.Html();
html.setHtml("Hello World");
added it to the content of the widget
this.getContent().add(html);
but this text has never appeared. Am I doing something wrong?
7) Is there a way to make somthing like a list with paged scroll? For
example I want some list to display user's personal messages, but there may
be so much messages that just getting all of them them with a single Jsonp
request and binding to some property will perform an exsessive load.
Sorry for so many questions, I'll be glad for any help.
Regards, Vladimir Glushkov.
--
View this message in context:
http://qooxdoo.678.n2.nabble.com/Noob-s-questions-mostly-about-theming-tp7585247.html
Sent from the qooxdoo mailing list archive at Nabble.com.
------------------------------------------------------------------------------
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
