Can anyone help with GUI stuff in Java?

[LuDaCriS66]

Sorry but I've been working on this work all day and I'm 95% done but I just can't get my GUI looking right. That's all I need to do.. is to get the button on the right spot.

Basically, I need my GUI to look like this
But instead, it looks like this with the button to the right

But this is my code here and it's not coming out right.
The calculate button is acting like it's in the same object as the text fields. Any ideas?

initialAmountLabel = new JLabel("Initial investment amount", LEFT);
initialAmountField = new InputJTextField("", 10);
interestRateLabel = new JLabel("Annual interest rate in %", LEFT);
interestRateField = new InputJTextField("", 5);
output = new JTextArea(20,60); // 10 rows and 20 columns
output.setEditable(false);
output.setFont(new Font("Courier", Font.PLAIN, 11));

JPanel p = new JPanel(new GridLayout(2,2));
p.add(initialAmountLabel);
p.add(initialAmountField);
p.add(interestRateLabel);
p.add(interestRateField);

Container cp = getContentPane();
cp.setLayout(new FlowLayout());
cp.add(p);
cp.add(calculate);
cp.add(new JScrollPane(output));


If I make the calc button and the TextArea the same object, the calc button is the same size as the TextArea....

any help is appreciated

 

[who8myrice]

try making your text box longer

 

[LuDaCriS66]

wow.. just that simple. Thanks 😀

 

[silverpig]

I just touched on this a little bit, but why don't you try a different layout? Instead of the GridLayout, why don't you try the N, S, E, W one? Or another one?

 

[silverpig]

Heh, too late and nevermind then 🙂

 

[manly]

I would use a BorderLayout for the main frame content pane. Add p at BorderLayout.NORTH. Your choice of GridLayout is appropriate for p.

Create a new panel to contain the button and the scroll pane. This panel should be added at BorderLayout.CENTER.

Within this panel, I would also use the BorderLayout layout manager, with the button at BorderLayout.WEST and the scroll pane at BorderLayout.CENTER.

 

[silverpig]

Originally posted by: manly
I would use a BorderLayout for the main frame content pane. Add p at BorderLayout.NORTH. Your choice of GridLayout is appropriate for p.

Create a new panel to contain the button and the scroll pane. This panel should be added at BorderLayout.CENTER.

Within this panel, I would also use the BorderLayout layout manager, with the button at BorderLayout.WEST and the scroll pane at BorderLayout.CENTER.

yeah, that's what I meant.