JFXTabPane Header Area Alignment
See original GitHub issueIn the Material Design Guidelines, it says the the Tab Layout should be “centered or aligned with left keyline”,
To try and align the tab pane, I tried adding padding to the .depth-container
, .tab-header-area
.headers-region
and .tab-header-background
without success.
Something unexpected happens when I add padding to the left side of the .tab-header-area
. Instead of just getting padding on the left, it gets padding on the left, and bottom.
CSS:
.jfx-tab-pane .depth-container .tab-header-area { -fx-padding: 0 0 0 30; }
Can this be fixed?
Issue Analytics
- State:
- Created 6 years ago
- Comments:5
Top Results From Across the Web
JFXTabPane Header Area Alignment · Issue #640 - GitHub
I have found a simple workaround for this issue. Simply add negative padding to the bottom that is equal to the padding you...
Read more >JavaFX tab header text could not align center - Stack Overflow
Having a look on modena.css searching for the TabPane you will find out that the tab-label alignment is already by default to the...
Read more >Vertical, stateful JFXTabPane with icons in JavaFX - Synappse
In this post, I will show you how to build a custom vertical tab bar with icons using JFXTabPane. Our main goal over...
Read more >Javafx TabPane
This class contains five properties, which are − alignment − This ... A tab pane has a title area and a content area,...
Read more >Tabpane, Changing Color Of Tab-Header-Area - ADocLib
Tab Pane */.jfx-tab-pane.headers-region { -fx-background-color:. ... JFoenix TabPane tab label colorsHow to align checkboxes and their in JavaFXHow to ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
I have found a simple workaround for this issue. Simply add negative padding to the bottom that is equal to the padding you want on the left.
CSS: .jfx-tab-pane .tab-header-area { -fx-padding: 0 -50 0 50; }
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.