Place the toolbar at the bottom? And Popup/iFrame issues..

edited March 2012 in Enyo 2
I liked Enyo 1.0 for the simple fact that if I wanted to put a toolbar at the bottom, it was fairly easy.. With Enyo 2.0, it doesn't seem that way...
Here is my code for the toolbar:
enyo.kind({
	name: "App",
	classes: "onyx",
	components: [
		{kind: "onyx.Toolbar", content: "Blackhawk", classes: "toolbar-top text"},
		{kind: "onyx.Popup", classes: "iframe-popup login", centered: true, name: "loginPopup", modal: true, floating: true, components: [
            {tag: "iframe", src: "http://palm.com", classes: "enyo-fill", style: "border: none;"}
        ]},
		{kind: "onyx.Toolbar", classes: "toolbar-bottom", components: [
			{kind: "onyx.Button", classes: "toolbar-bottom button", content: "Login", onclick: "login"},
			],
		},	
	],
login: function() {
        this.$.loginPopup.show();
    },	
});
And here is the CSS for that:
body {
	font-family: Arial;
}

.toolbar-bottom {
	vertical-align: bottom;
	padding: 9px 8px 10px 8px;
}
.toolbar-bottom.button {
	position: bottom;
}

.iframe-popup.login {
	height: 75%;
	width: 75%;
}

.toolbar-top.text {
	color: red;
	text-align: center;
}	
The toolbar has been told with vertical-align: bottom; to be at the bottom... As well as the button itself.. And it does none of this..
The iframe also does not take up the whole popup area. Why would this be?
Should I apply the style to the iframe itself?
Thanks guys

Comments

Sign In or Register to comment.