Help with GridPane

[fadi aboona]

Hi all,
See attached photo. The TS and ATS labels are not in their proper position below Password!
I spent hours trying to figure this out, your help would ease up my suffering!
Here is the code:

	@override
	public void start(Stage PrimaryStage){
		PrimaryStage.setTitle("Accounts");
		GridPane gp = new GridPane();
		Scene scene = new Scene(gp, 750, 350, Color.BEIGE);
		
		Label lblAccountTitle = new Label("Account");
		GridPane.setHalignment(lblAccountTitle, HPos.CENTER);
		gp.add(lblAccountTitle, 0, 0 );
		
		ListView<String> accountIdListView = new ListView<String>();
		accountIdListView.setPrefWidth(150);
		accountIdListView.setPrefHeight(150);
		GridPane.setHalignment(accountIdListView, HPos.CENTER);
		gp.add(accountIdListView, 0, 1, 1, 4);
		
		Button btnGetAccount = new Button("Get Account");
		GridPane.setHalignment(btnGetAccount, HPos.RIGHT);
		gp.add(btnGetAccount, 0, 6);
		
		Label lblAccountId = new Label("Account ID");
		Label lblCustomerName = new Label("Customer Name");
		Label lblPassword = new Label("Password");
		Label lblTs = new Label("TS");
		Label lblATS = new Label("ATS");
		
// 		VBox vLeftBox = new VBox(5);
		
// 		vLeftBox.getChildren().addAll(lblAccountTitle, accountId, btnGetAccount);
// 		gp.add(vLeftBox, 0, 0 );
// 		GridPane.setConstraints(vLeftBox, 0, 0, 1, 5, HPos.CENTER, VPos.CENTER);
		
		GridPane.setHalignment( lblAccountId, HPos.LEFT);
		GridPane.setHalignment( lblCustomerName, HPos.LEFT);
		GridPane.setHalignment( lblPassword, HPos.LEFT);
		GridPane.setHalignment( lblTs, HPos.LEFT);
		GridPane.setHalignment( lblATS, HPos.LEFT);
		
		gp.add(lblAccountId, 1, 1);
		gp.add(lblCustomerName, 1, 2);
		gp.add(lblPassword, 1, 3);
		gp.add(lblTs, 1, 4);
		gp.add(lblATS, 1, 5);
		
		PrimaryStage.setScene(scene);
		PrimaryStage.show();
	}
}

[Darryl Burke]

fadi aboona wrote:The TS and ATS labels are not in their proper position below Password!

Huh? They are below Password.

I think you need to tell us where you thought that code should place them.

If you're referring to the vertical positioning, look into setting appropriate RowConstraints

[fadi aboona]

Darryl Burke wrote:

fadi aboona wrote:The TS and ATS labels are not in their proper position below Password!

Huh? They are below Password.

I think you need to tell us where you thought that code should place them.

If you're referring to the vertical positioning, look into setting appropriate RowConstraints

i need them immediately below password with not that much spacing. I will look into RowConstraints, thanks.

[fadi aboona]

fixed, what i did is, i made the ListView inside one row only then experimented with spanning multiple rows and it worked. Here is the new code in case someone struggles through this.

@Override
	public void start(Stage PrimaryStage){
		PrimaryStage.setTitle("Accounts");
		GridPane gp = new GridPane();
		gp.setGridLinesVisible(true);
		Scene scene = new Scene(gp, 750, 350, Color.BEIGE);
		
		Label lblAccountTitle = new Label("Account");
		GridPane.setHalignment(lblAccountTitle, HPos.CENTER);
		gp.add(lblAccountTitle, 0, 0 );
		
		
		final ObservableList<String> candidates = FXCollections.observableArrayList
		("Superman", "Spiderman", "Police", "Soldiers", "Dad & Mom" , "Pastor", "Teacher");
		ListView<String> accountIdListView = new ListView<String>(candidates);
		accountIdListView.setPrefWidth(1);
		accountIdListView.setPrefHeight(1);
		GridPane.setHalignment(accountIdListView, HPos.CENTER);
		gp.add(accountIdListView, 0, 1, 1, 5);
		gp.setHgap(10);
		gp.setVgap(10);
				
		Button btnGetAccount = new Button("Get Account");
		GridPane.setHalignment(btnGetAccount, HPos.RIGHT);
		gp.add(btnGetAccount, 0, 6);
		
		Label lblAccountId = new Label("Account ID");
		Label lblCustomerName = new Label("Customer Name");
		Label lblPassword = new Label("Password");
		Label lblTs = new Label("TS");
		Label lblATS = new Label("ATS");
		
 		// VBox vLeftBox = new VBox(5);
// 		
//  		vLeftBox.getChildren().addAll(lblAccountTitle, accountIdListView, btnGetAccount);
//  		gp.add(vLeftBox, 0, 0 );
//  		GridPane.setConstraints(vLeftBox, 0, 0, 1, 1, HPos.CENTER, VPos.CENTER);
		
		GridPane.setHalignment( lblAccountId, HPos.LEFT);
		GridPane.setHalignment( lblCustomerName, HPos.LEFT);
		GridPane.setHalignment( lblPassword, HPos.LEFT);
		GridPane.setHalignment( lblTs, HPos.LEFT);
		GridPane.setHalignment( lblATS, HPos.LEFT);
		
		gp.add(lblAccountId, 2, 1);
		gp.add(lblCustomerName, 2, 2);
		gp.add(lblPassword, 2, 3);
		gp.add(lblTs, 2, 4);
		gp.add(lblATS, 2, 5);
		
		PrimaryStage.setScene(scene);
		PrimaryStage.show();
	}
}

[fadi aboona]

update: i think the problem is more to do with this:

accountIdListView.setPrefWidth(150);
accountIdListView.setPrefHeight(150);

if you change it to:

accountIdListView.setPrefWidth(150);
accountIdListView.setPrefHeight(50);

It would show up nicely!