Help with component placement

Question

I need help getting the components on my gui to go in the right place
I want it to look like
|-----------------------------------------|
timeInLabel timeInField
timeOutLabel timeOutField
calculateButton
dailyAreaLabel
dailyArea
totalAreaLabel
totalArea
exitButton
|-----------------------------------------|
but ti keeps coming out
|------------------------------------------------|
timeInLabel timeInField
timeOutLabel timeInField
calculateButton dailyAreaLabel
dailyArea totalAreaLabel
totalArea exitButtton
|-------------------------------------------------|
this is the code im using
// get the content pane
          Container c = mainFrame.getContentPane();
               // set layout manager
          c.setLayout(new FlowLayout());
          Panel p = new Panel();
          p.setLayout(new BorderLayout());
          p.add(timeInLabel,BorderLayout.NORTH);
          p.add(timeInField,BorderLayout.NORTH);
          p.add(timeOutLabel,BorderLayout.SOUTH);
          p.add(timeOutLabel,BorderLayout.SOUTH);
          c.add(p);
          Panel p2 = new Panel();
          p2.setLayout(new FlowLayout());
          p2.add(calculateButton);
          c.add(p2);
          Panel p3 = new Panel();
          p3.setLayout(new BorderLayout());
          p3.add(dailyLabel,BorderLayout.NORTH);
          p3.add(dailyArea,BorderLayout.NORTH);
          p3.add(totalLabel,BorderLayout.SOUTH);
          p3.add(totalArea,BorderLayout.SOUTH);
          c.add(p3);
          Panel p4 = new Panel();
          p4.setLayout(new FlowLayout());
          p4.add(exitButton);
          c.add(p4);
pls let me know how to do this.

Answer 1

Next code looks like your draw in my PC
|-----------------------------------------|
timeInLabel timeInField
timeOutLabel timeOutField
calculateButton
dailyAreaLabel
dailyArea
totalAreaLabel
totalArea
exitButton
|-----------------------------------------|
public static void main(String[] args) {
          JFrame f = new JFrame();     
          final JTabbedPane tabPane = new JTabbedPane();
          f.getContentPane().add(tabPane);
// get the content pane
Container c = f.getContentPane();
// set layout manager
c.setLayout(new BoxLayout(c, BoxLayout.Y_AXIS));
Panel p = new Panel();
p.setLayout(new BoxLayout(p, BoxLayout.X_AXIS));
JLabel timeInLabel = new JLabel("timeInLabel");
p.add(timeInLabel);
JTextField timeInField = new JTextField("timeInField");
timeInField.setMaximumSize(timeInField.getPreferredSize());
p.add(timeInField);
c.add(p);
Panel pj = new Panel();
pj.setLayout(new BoxLayout(pj, BoxLayout.X_AXIS));
JLabel timeOutLabel= new JLabel("timeOutLabel");
pj.add(timeOutLabel);
JTextField timeOutField = new JTextField("timeOutField");
timeOutField.setMaximumSize(timeOutField.getPreferredSize());
pj.add(timeOutField);
c.add(pj);
Panel p2 = new Panel();
p2.setLayout(new FlowLayout());
JButton calculateButton = new JButton("calculateButton");
p2.add(calculateButton);
c.add(p2);
c.add(Box.createVerticalGlue());
/*Panel p3 = new Panel();
p3.setLayout(new BorderLayout());*/
JLabel dailyLabel= new JLabel("dailyLabel");
c.add(dailyLabel);
JTextField dailyArea= new JTextField("dailyArea");
dailyArea.setMaximumSize(dailyArea.getPreferredSize());
c.add(dailyArea);
JLabel totalLabel= new JLabel("totalLabel");
c.add(totalLabel);
JTextField totalArea= new JTextField("totalArea");
totalArea.setMaximumSize(totalArea.getPreferredSize());
c.add(totalArea,BorderLayout.SOUTH);
//c.add(p3);
/*Panel p4 = new Panel();
p4.setLayout(new FlowLayout());*/
JButton exitButton = new JButton("exitButton");
c.add(exitButton);
//c.add(p4);
          f.addWindowListener(new WindowAdapter() {
               public void windowClosing(WindowEvent we) {
                    System.exit(0);     
          f.setSize(500, 300);
          f.setVisible(true);