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:
	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: "", 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() {
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


Sign In or Register to comment.