question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

JFXTabPane Header Area Alignment

See original GitHub issue

In the Material Design Guidelines, it says the the Tab Layout should be “centered or aligned with left keyline”,

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.

Unexpected behavior

CSS: .jfx-tab-pane .depth-container .tab-header-area { -fx-padding: 0 0 0 30; }

Can this be fixed?

Issue Analytics

  • State:open
  • Created 6 years ago
  • Comments:5

github_iconTop GitHub Comments

2reactions
RaisinBranCrunchcommented, May 2, 2018

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; }

0reactions
stale[bot]commented, Jan 7, 2019

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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found