JavaFX Drag and Drop Cell in ListView

Hello guys. Today I’ve got some free time to blog. I have made small chemical solution for making these things happen. I was thinking that most of the game developers really need this type of system even more in the content management system also this kind of stuffs are very useful So I’ve planned to blogged about this (Drag n Drop Cell).

Let’s first look over how the things works for the Draggable of list cell.

Drag and Drop Cell in ListView

The above figure is just the concept which I’ve predicted. You can use your own too But in this post I’m doing all stuffs by this algorithm.By the help of that algorithm I’ve made the things sucess.

First let’s start with the custom cell I’ve given that cell name as ListCellX.
Read the rest of this entry »

Tags: , , , , , ,

Form field validation styles from CSS

Hello guys,
After a long days gaps I’m back on my favourite blog. I’m preety glad to know that Oracle has launched the new JavaFX Scene Builder. If you have not started then please give it a try. You can download the Scene Builder from here:

Ok Now lets go to the main stuffs of today’s post. I’ve been working on CSS stuff and it’s being so interesting to use in JavaFX which is more easier to design the controls and make the design more interactive in Application for the end-user. In the real world application we may need the form to fill up from the javafx and when ever there comes the form then the validation is one of the important part of form. Every field in the form need the validation for making the proper data entry.

Let’s start with small Textfield validation with the simple app.
Read the rest of this entry »

Tags: , , , , ,

CSS : Tooltip Skinning

Hello I’m back with the small css skinning for the Tooltip.
Firstly the idea of this blogging came from this forum post. One guy was posting about how to make the tooltip plain as of swing which is concern about the css skinning.

First let’s get start with the normal tooltip example.

public class TooltipTest extends Application {

  public static void main(String[] args) {
    Application.launch(TooltipTest.class, args);
  }

  @Override
  public void start(Stage primaryStage) throws Exception {
    StackPane stackPane = new StackPane();
    Button butt = new Button("Test hello");
    Tooltip tp= new Tooltip("Hello this is only the test");
    tp.getStyleClass().add("ttip");
    butt.setTooltip(tp);

    stackPane.getChildren().add(butt);
    Scene sc = new Scene(stackPane,500,500);
    sc.getStylesheets().add(getClass().getResource("gui.css").toExternalForm());
    primaryStage.setScene(sc);

    primaryStage.show();

  }
}

Here I’ve added my custom css file ‘gui.css’ for styling this application.
Read the rest of this entry »

Tags: , , , , ,

FXML communicates to FXML via FXControllers and Interface

Hello guys, I’m back after my lots of works and stuffs that’s why this post got delayed. Anyway now I’m going to demonstrate today about how to communicate between FXML using FXController classes. Some of my commentator also asked me to share this communication of FXML so I’m blogging for the same. Today I’m going to just continue the blog post of  previous post I’ve blogged about FXML Stuffs (include and define) . So If you have not started reading those previous blog then please have a look because the things I’m going to tell is related to them.

Anyway Let’s summarize the previous blog.

  • Main.fxml (The main container of all fxml)
  • Home.fxml (the tab content of Home Tab)
  • About.fxml (the tab content of About Tab)
  • FXMLTest.java (this is just the executor class)

Now In today’s post we are having one more extras class which is listed below.

  • DockletListener.java (The java interface)

Before going to start this communication between fxml . Let’s have a look at how the flow gets working.

Read the rest of this entry »

Tags: , , , , , ,

FXML Stuffs (include and define)

Hello folks,

Today I would like to blog about the FXML define and include tag which can be very useful for those who are very keen to use FXML in their application. The FXML is an XML file which is loaded by javafx using FXMLLoader . It’s all loaded at the runtime and it’s really fast to load and easy to learn too. The previous blog about the FXML as Flexible XML is just a basic about FXML . Today in this blog here you will learn about how to include FXML files in your main FXML file.

I’m talking about the <fx:include> tag of the FXML.

Let’s see the basic flow of how the <fx:include> are loaded. Let’s assume there are two FXML Main.fxml and Child.fxml

Read the rest of this entry »

Tags: , , , ,