0

The JavaFx ToolBar component has a built in feature, its overflow menu. Basically it is an arrow which shows on a pane the hidden toolbar elements which had not enough space on the bar. My problem is that the arrow which opens this menu has too small clickable area. I'm using the default modena.css or caspian.css.

The arrow is an svg. The overflowmenubutton has a styleclass .tool-bar-overflow-button and the arrow inside has an .arrow class. I tried to modify it by:.tool-bar-overflow-button > .arrow

I have tried to modify its size(-fx-min-height etc.), but the arrow grew bigger. Tried to modify its background size or use padding. Tried those with scaling on and off. Had no luck.

Thank you for any help!

Update:

I cannot resize the arrow inside the menubutton via css. I've tried with: -fx-min-size , -fx-max-size with resizing the overflow button itself at the same time. Still no luck.

Any idea?

Five
  • 378
  • 2
  • 19
  • Try use fx-shape in your custom css and define the arrow as it suits you – Hassam Abdelillah Jun 27 '19 at 08:46
  • It's okay to define an other arrow, but how can i make the clickable area bigger? Its only a rectangular around the arrow. The arrow is fitted. I want the same arrow with bigger clickable area around it. Any idea? – Five Jun 27 '19 at 08:54

0 Answers0