Skip to content

FlexBoxFX is a JavaFX implementation of CSS3 flexbox.

Notifications You must be signed in to change notification settings

adrianromero/FlexBoxFX

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

48 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

FlexBoxFX

FlexBoxFX is a JavaFX implementation of CSS3 flexbox layout manager (https://css-tricks.com/snippets/css/a-guide-to-flexbox/).

Why FlexBoxFX?

Modern user interface design means Responsive Design to match the needs of all platforms like Desktop, Web and Mobile and different target devices like Laptops, Tablets and Smartphones.

Since CSS3 there is the flexbox layout manager to create complex responsive layouts with less code. Currently there is no such powerful layout manager available in JavaFX – that is the reason why it’s nearly impossible to write modern responsive applications with JavaFX.

Our goal is to write a complete JavaFX port of CSS3 flexbox layout manager to hand over the JavaFX developer a modern and powerful layout manager.

Example

<FlexBoxPane fx:id="flexBoxPane" horizontalSpace="20" verticalSpace="20" styleClass="flex-pane" direction="ROW"> 
  <Button text="Item 5" styleClass="item,item1" FlexBox.order="5" FlexBox.grow="1"></Button>
  <Button text="Item 1" styleClass="item,item2" FlexBox.order="1" FlexBox.grow="2"></Button> 
  <Button text="Item 10" styleClass="item,item3" FlexBox.order="10" FlexBox.grow="1"></Button> 
</FlexBoxPane>

License

FlexBoxFX is open source and released under Apache License 2.0 – so it is free to use for non-commercial and commercial use and

Team

  • Project Lead: Tobias Bley
  • Developer: Matthias Hänel

Tests

TestButtons (com.onexip.flexboxfx.test)

test-buttons-1

test-buttons-2

test-buttons-3

About

FlexBoxFX is a JavaFX implementation of CSS3 flexbox.

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Java 88.3%
  • HTML 10.4%
  • CSS 1.3%