Cascades Development

[flimsy]

Consider the following code:

import bb.cascades 1.0

Page {
 
Container {
    
	Container { 
	    background: Color.Magenta
	    topMargin: 0.0    
	    topPadding: 0.0
	    bottomMargin: 0.0
	    bottomPadding: 0.0
	    Label {
	        bottomMargin: 0.0
	        bottomPadding: 0.0
	        topMargin: 0.0    
	        topPadding: 0.0
	        text: "Row number 1"
	    }
	}
	Container { 
	    background: Color.Cyan
	    topMargin: 0.0    
	    topPadding: 0.0
	    bottomMargin: 0.0
	    bottomPadding: 0.0
	    Label {
	        topMargin: 0.0    
	        topPadding: 0.0
	        bottomMargin: 0.0
	        bottomPadding: 0.0
	        text: "Row number 2"
	    }
	}
}

 What I get (in the simulator) is empty space inside each container (see photo below):

It appears padding on left/right sides is set to 0.0 (without even specifying it in QML) but top and bottom of each container or label has extra padding... How to get rid of it so that there is no space between the two lines?

[flimsy]

Anyone? This thing is driving me craaaaaazy....

[kylefowler]

Its a bug with the font and label controls, id check back with the next update. Nothing you can do about it currently.

[flimsy]

Thanks but I searched Bug Tracker for it and cannot find an entry which describes similar situation. How do you know it is a bug?

[kosh0r]

The documentation says, that there is allways a margin of 10 pixels per side.

i hope, they will remove that...

[Ebscer]

You can set the padding to a negative value to eat away at some of this white space.

Obviously this opens up the possiblity of things going wrong, but if your are careful it can work...

[Zmey]

As a workaround you can also adjust Label's translationY property to move the labels closer.

[kosh0r]

As work arround i used an AbsoluteLayout and incremented the heigth by the buttons size. that also solved other problems, i had...