Change your Application background in Scene Builder || JavaFX FXML Tutorial

It's a good idea to change your JavaFX FXML application's background to enhance the interactivity of your application with users and your application also looks good as well as professional.

 You can change your application background in two ways first is, you can change your application's background color and second is you can change your background with a good and perfect image which can be your application's logo or any other.

 This tutorial is a complete guide to change your JavaFX FXML application's background with an image in scene builder.

 There are some steps to follow

 ⦁ Copy your image which you want as your applications' background to source folder in NetBeans or any other ide which you are using by right-clicking on the source folder as shown in the screenshot. But make sure your image has extension .JPEG.


⦁ Now make a new CSS file by right-clicking on the source folder and give it some name, I have given it name background but you can give any of your own choices.


⦁ Paste the code given below in your CSS file you have created and save this file. Write your image name in url with extension in your code in my case my background image name is itachay, So I have written in url section itechay.jpg but you have to use your image name with extension.

           .bodybg{
                 -fx-background-image: url('itachay.jpg');
                 -fx-background-size: 100% 100%;
           }

 ⦁ Now go to scene builder and select pane you want to change the background. I have selected the main anchor pane but you can select any pane and change its background.


⦁ Go to properties section and select the CSS Stylesheet you have created in step 2.


⦁ Now select Style class just as.


Its time to run your application and your background have been changed in a professional manner.

 Now my application looks like

Comments

Post a Comment

Popular posts from this blog

c/c++ Programming questions || Practice Problems for Beginners || C Programs List

Conditional Statements:Write a program which takes two integers from the user and tell which number is greater, first or second.Write a program which takes an integer from the user and tells whether it is even or odd.Write a program which takes two integers from the user, subtract them if the result is positive then simply display result if the result is negative then take the mode of result and display result.Write a program which takes two integers from the user and tell, the given integers are equal or not.Write a program which takes an integer from the user and tell, the given integer is positive or negative.Write a program which takes two integers from the user, subtract them if the result is negative then display the product of given integers otherwise simply display "Condition is not true".Write a program which takes two integers from the user, if the second number is not equal to zero then divide the first integer with second and display otherwise display "We ca…
Read more

Implementation of Graph in C || Directed and Undirected Graph

Graph:A graph is the collection of vertices and edges or the set of vertices and edges. Mostly represented as G={V, E} here, G is for "Graph", V is for Vertices and E is for "Edges" in the graph.


Vertices and Edges:Nodes in the graph are known as vertices whereas the line connecting two nodes in a graph is known as Edge between these two nodes or the connection between two nodes are known as an edge.


Types of Graph:There are so many types and subtypes of the graph but I am writing three of them which are mostly used in programming


DirectedUndirectedWeighted
Where Graphs are Used?Graphs are mostly used to represent the relation between two or more things. For example, Facebook uses the graph structure to represent the connection between two friends, in Facebook people are the nodes and if two nodes have a connection between them that's mean these two nodes (persons) are friends on Facebook. Google maps tell us about the minimum distance between two cities or two pla…
Read more