MIG Layout not showing the correct formatting

Question

I looked up some example GUI's from MIG Layout's demo app downloadable from their site for Swing www.migcalendar.com/miglayout/swingdemoapp.jnlp

I looked at the samples and liked their formatting. They also show the source code. They showed the source code gave the following output

I used it and this is how I am getting it

The code I am using for it is

    frame = new JFrame();
    frame.setBounds(200, 100, 733, 533);
    frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    frame.getContentPane().setLayout(new MigLayout("ins 20","[para]0[][1001p,fill][601p][951p,fill]"));

    JLabel sepLabel = new JLabel("ISD Authorization Parameters   ");
    frame.getContentPane().add(sepLabel);
    addSeparator(frame);

    JLabel label1 =  new JLabel("ISD Server Hostname");
    frame.getContentPane().add(label1,"skip");
    final JTextField field1 = new JTextField(getSystemName());
    frame.getContentPane().add(field1,"growx,span");



    JLabel label2 =  new JLabel("ISD Version");
    frame.getContentPane().add(label2,"skip");
    final JTextField field2 = new JTextField(getVersion());
    frame.getContentPane().add(field2,"growx,wrap");

    JLabel label3 =  new JLabel("ISD Port");
    frame.getContentPane().add(label3,"skip");
    final JTextField field3 = new JTextField(getSystemPort());
    frame.getContentPane().add(field3,"growx,wrap,span");

    JLabel label4 =  new JLabel("ISD UserID");
    frame.getContentPane().add(label4,"skip");
    final JTextField field4 = new JTextField(getUser());
    frame.getContentPane().add(field4,"growx,span");

    JLabel label5 =  new JLabel("ISD Password");
    frame.getContentPane().add(label5,"skip");
    final JPasswordField field5 = new JPasswordField(getSystemPassword());
    frame.getContentPane().add(field5,"growx,wrap,span,wrap para");

    JLabel sepLabel1 = new JLabel("Key Store Authorization   ");
    frame.getContentPane().add(sepLabel1);
    addSeparator(frame);

    JLabel label6 =  new JLabel("KeyStore Password");
    frame.getContentPane().add(label6,"skip");
    final JPasswordField field6 = new JPasswordField(getKeystorePassword());
    frame.getContentPane().add(field6,"growx,span,wrap para");

    JLabel sepLabel2 = new JLabel("Key Store Authorization   ");
    frame.getContentPane().add(sepLabel2);
    addSeparator(frame);

    JLabel label7 =  new JLabel("PowerVC IP Address");
    frame.getContentPane().add(label7,"skip");
    final JTextField field7 = new JTextField(getHost());
    frame.getContentPane().add(field7,"growx,wrap,span");

    JLabel label8 =  new JLabel("PowerVC User ID");
    frame.getContentPane().add(label8,"skip");
    final JTextField field8 = new JTextField(getUser());
    frame.getContentPane().add(field8,"growx,span");


    System.out.println("The value of getPassword is "+getPassword());
    JLabel label9 =  new JLabel("PowerVC password");
    frame.getContentPane().add(label9,"skip");
    final JPasswordField field9 = new JPasswordField(getPassword());
    frame.getContentPane().add(field9,"growx,span,wrap para");

    JButton cancelButton = new JButton("Cancel");
    frame.getContentPane().add(cancelButton,"span,split,align right");

    JButton updateButton = new JButton("Update");
    frame.getContentPane().add(updateButton,"");


    JButton updateAndExitButton = new JButton("Update and Exit");
    frame.getContentPane().add(updateAndExitButton,"");


    frame.setVisible(true);

    private void addSeparator(JFrame frame2) {


        JSeparator sep1 = new JSeparator(SwingConstants.HORIZONTAL);
        sep1.setBackground(Color.CYAN);
        frame2.getContentPane().add(sep1,"growx,wrap,span");


    }

}

In my GUI look compare the look of font in my GUI. How the seaprator starts after manufactturer, the alignment of Manufacturer and Company , more specifically I want this sort of look, it is not looking nice in what I have made

Answer 1

the trick is to use both span and split for the label/separator pair (as you can see in the demo code :-)

panel.add(label, "gapbottom 1, span, split 2, aligny center");
panel.add(new JSeparator(), "gapleft rel, growx");