Integration of javafx form to swing JOptionPane

[shashank dwivedi]

Hi All,

I am trying a add a registration form(written in javafx) to my swing application.
I wanted to display this form as a popup , once register button is clicked.
I have written demo class below so far.The problem is JOptionPane is not able to display whole form.I am new to both swing and javafx.
Any help much appreciated.

Thanks.

package com.securegrc.scanner.panel;

import java.awt.Dimension;
import java.awt.FlowLayout;

import javafx.application.Platform;
import javafx.embed.swing.JFXPanel;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.geometry.Side;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.ContextMenu;
import javafx.scene.control.Label;
import javafx.scene.control.MenuItem;
import javafx.scene.control.PasswordField;
import javafx.scene.control.TextField;
import javafx.scene.control.Tooltip;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.HBox;
import javafx.scene.text.Font;
import javafx.scene.text.FontWeight;
import javafx.scene.text.Text;

import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JOptionPane;
import javax.swing.JPanel;

import com.securegrc.cloud.client.scanner.nexpose.agent.logger.LogUtil;
import com.securegrc.cloud.res.ResourceLoader;

public class CustomerRegistrationPanel{
	
	private final static int WIDTH = 800;
	private final static int HEIGHT = 500;
	private final String SCENE_TITLE ="Registration page"; 
	
	private TextField loginEmailId;
	private TextField firstName;
	private TextField lastName;
	private PasswordField passwordField;
	private PasswordField retypePasswordField;
	private Button createAccountBtn;
	private ContextMenu validationContextMenu;

	private final String DEFAULT_VALIDATION_ERR_MSG = "This Field is mandatory.";
	private final String EMAIL_ID_VALIDATION_ERR_MSG = "Please enter a valid email Id.";
	private final String PASSWORD_NOT_MATCHED_ERR_MSG = "Passwords did not match.";
	private final String PASSWORD_POLICY_ERR_MSG = "Invalid Password.";
	private final String PASSWORD_HELP_TEXT = "Password length must be between 8 to 32 alphanumeric characters with atleast one digit.";
	
	public static final String PASSWORD_VALIDATION_REGEX = "\\A(?=\\S*?[A-za-z])(?=\\S*?[0-9])\\S{8,32}\\z";
	public static final String EMAIL_VALIDATION_REGEX = 
			"^[_A-Za-z0-9-\\+]+(\\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\\.[A-Za-z0-9]+)*(\\.[A-Za-z]{2,})$";
	
	public CustomerRegistrationPanel(){
	}
	
	public JPanel createRegistrationPanal() {
        final JPanel panel = new JPanel();
        panel.setLayout(new FlowLayout());
        panel.setPreferredSize(new Dimension(500, 300));
        panel.add(createJFXPanel());
        System.out.println("created JPanel with containing JFXPanel");
        return panel;
	}
	private JFXPanel createJFXPanel(){
	final JFXPanel fxPanel = new JFXPanel();
        Platform.setImplicitExit(true);
        Platform.runLater(new Runnable() {
            @Override
            public void run() {
            	Scene scene = createScene();
                fxPanel.setScene(scene);
            }
       });
       return fxPanel;
	}
	
	private Scene createScene(){
        Group  root  =  new  Group();
        Scene  scene  =  new  Scene(root,WIDTH,HEIGHT); 
        scene.getStylesheets().add
        (ResourceLoader.class.getResource("context.css").toExternalForm());
        root.getChildren().add(loadLoginScreen());
        return (scene);
	}
	
	private GridPane loadLoginScreen() {

        GridPane grid = new GridPane();
        grid.setAlignment(Pos.CENTER);
        grid.setHgap(10);
        grid.setVgap(10);
        grid.setPadding(new Insets(25, 25, 25, 25));

        Text scenetitle = new Text(SCENE_TITLE);
        scenetitle.setFont(Font.font("Tahoma", FontWeight.NORMAL, 20));
        grid.add(scenetitle, 0, 0, 2, 1);

        firstName = createTextField();
        lastName = createTextField();
        loginEmailId = createTextField();
        addLabelComponentToGrid(grid, "First Name: ", firstName, 0, 1);
        addLabelComponentToGrid(grid, "Last Name: ", lastName, 0, 2);
        addLabelComponentToGrid(grid, "Login Email Id: ", loginEmailId, 0, 3);
        Label password = new Label("Password:");
        grid.add(password, 0, 4);
        passwordField = new PasswordField();
        Tooltip tooltip = new Tooltip(PASSWORD_HELP_TEXT);
        passwordField.setTooltip(tooltip);
        grid.add(passwordField, 1, 4);
        Label retypepassword = new Label("Retype Password:");
        grid.add(retypepassword, 0, 5);
        retypePasswordField = new PasswordField();
        grid.add(retypePasswordField, 1, 5);
        createAccountBtn = new Button("Create Account");
        HBox btnPanel = new HBox(10);
        btnPanel.setAlignment(Pos.BOTTOM_RIGHT);
        btnPanel.getChildren().add(createAccountBtn);
        grid.add(btnPanel, 1, 6);

        // Context Menu for error messages
        validationContextMenu = new ContextMenu();
        validationContextMenu.setAutoHide(false);
        
        // Action on button press
        addActionListeners();
        return grid;
    }
	
	private void addLabelComponentToGrid(GridPane grid ,String labelName,TextField labelTxtField,int x , int y){
        Label label = new Label(labelName);
        grid.add(label, x, y);
        grid.add(labelTxtField, x+1, y);
	}
	
	TextField createTextField(){
		TextField txtField = new TextField();
		txtField.setMinWidth(200);
		return txtField;
	}
	
	private void addActionListeners() {
		 createAccountBtn.setOnAction(new EventHandler<ActionEvent>() {
	            @Override
	            public void handle(ActionEvent e) {
	            	validateFields();
	            }
	        });
	}

	private void clearValidationText(){
		 validationContextMenu.getItems().clear();
	}
	
	private void validateFields(){
		clearValidationText();
        if (firstName.getText().equals("")) {
        	showErrValidationMessgage(firstName, DEFAULT_VALIDATION_ERR_MSG);
        	firstName.setFocusTraversable(true);
        }
        else if(lastName.getText().equals("")){
        	showErrValidationMessgage(lastName, DEFAULT_VALIDATION_ERR_MSG);
        }
        else if(!isValidLogin()){
        	showErrValidationMessgage(loginEmailId, EMAIL_ID_VALIDATION_ERR_MSG);
        	loginEmailId.clear();
        }
        else if(!isValidPassword()){
        	showErrValidationMessgage(passwordField, PASSWORD_POLICY_ERR_MSG);
        	passwordField.clear();
        	retypePasswordField.clear();
        }
        else if(!passwordMatched()){
        	showErrValidationMessgage(retypePasswordField, PASSWORD_NOT_MATCHED_ERR_MSG);
        	passwordField.clear();
        	retypePasswordField.clear();
        }


	}

	private boolean passwordMatched(){
		String password = passwordField.getText();
		String retypePassword = retypePasswordField.getText();
		if(!password.equals(retypePassword))
			return false;
		return true;
	}
	private boolean isValidPassword(){
		String passwd = passwordField.getText();
		if(!passwd.matches(PASSWORD_VALIDATION_REGEX)){
			return false;
		}
		return true;
	}
	
	private boolean isValidLogin(){
		if(loginEmailId.getText().trim().matches(EMAIL_VALIDATION_REGEX))
			return true;
		return false;
	}
	
	private void showErrValidationMessgage(TextField textField , String message){
		MenuItem validationMenuItem = new MenuItem(message);
		validationMenuItem.setId("validation-menu");
		validationContextMenu.setId("validation-context");
    	validationContextMenu.getItems().add(validationMenuItem);
    	validationContextMenu.show(textField, Side.RIGHT, 10, 0);
	}
	
	
	/**********************************************************************************************************
	 *                 							Testing
	 * ********************************************************************************************************/
	
	
	public static void main(String[] args) {
		final CustomerRegistrationPanel regPanel = new CustomerRegistrationPanel();
		final JPanel jpanel = regPanel.createRegistrationPanal();
        final JFrame parent = new JFrame();
        JButton button = new JButton();
        button.setText("Click me to show dialog!");
        parent.add(button);
        parent.pack();
        parent.setVisible(true);

        button.addActionListener(new java.awt.event.ActionListener() {
            @Override
            public void actionPerformed(java.awt.event.ActionEvent evt) {
            	JOptionPane dialog = new JOptionPane();
                JOptionPane.showOptionDialog(null,jpanel ,
                        "", JOptionPane.DEFAULT_OPTION,
                        JOptionPane.DEFAULT_OPTION, null, new Object[] {},
                        null);
            }
        });

	}


}

[John Damien Smith]

I don't advise mixing JavaFX and Swing unless you are embedding in a large existing framework like NetBeans RCP - even then, evaluate your options.
If you are new to both Swing and JavaFX, I especially don't recommend mixing the two toolkits - even more so if you are a bit uncomfortable with concurrency related tasks. If you don't have much experience in either Swing or JavaFX, I recommend learning and using only JavaFX for new developments.

Java 8u40 includes a JavaFX Alert class which can do pretty much everything you could do with a JOptionPane and is probably more flexible than a JOptionPane, plus it integrates better with JavaFX, so I advise you to use that rather than a JOptionPane - see a quick tutorial on JavaFX dialogs.

Thanks for supplying a test case, I haven't had a chance to look at it in detail - if I do, I'll provide more specific feedback.