fuhouyin/MaterialFX
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
MaterialFX/wiki/Check Boxes.md
palexdev ff8f531b59 ♻️ Minor changes and bug fixes 
📝 Update wiki with info about new PseudoClasses

🐛 MFXTextField and all subclasses: fixed an issue with CSS and :focused PseudoClass. It was being ignored in some cases, probably because the inner TextField was stealing the focus to the actual control. To fix this we use a new PseudoClass ":focus-within" to specify that the inner field is focused, so the control should be considered focused as well
🐛 I18N: do not use URLClassLoader to load the ResourceBundles as using MaterialFX is other projects would lead to a MissingResourceException, instead change the bundle base name returned by getBundleBaseName() with the complete path to the bundles

Signed-off-by: palexdev <alessandro.parisi406@gmail.com>
2022-02-04 14:02:36 +01:00

3.2 KiB
Raw Permalink Blame History

Check Boxes

Preview

Checkboxes

MFXCheckBoxes

  • Style Class: mfx-checkbox

  • Default Stylesheet: MFXCheckBox.css

  • Default Skin: MFXCheckboxSkin.java

Styleable Properties

Property Description CSS Property Type Default Value
contentDisposition Specifies how the control is positioned relative to its text -mfx-content-disposition ContentDisplay[Enum] ContentDisplay.LEFT
gap Specifies the spacing between the control and its text -mfx-gap Double 8.0
textExpand When setting a specific size for the control (by using setPrefSize for example, and this is true for SceneBuilder too), this flag will tell the control's label to take all the space available. This allows, in combination with the contentDisposition to layout the control's content in many interesting ways. When the text is expanded (this property is true), use the alignment property to position the text. -mfx-text-expand Boolean false

CSS Selectors

  • .mfx-checkbox

  • .mfx-checkbox .label (not really needed as bound to the checkbox)

  • .mfx-checkbox .ripple-container (contains the ripple generator and the box)

  • .mfx-checkbox .ripple-container .mfx-ripple-generator

  • .mfx-checkbox .ripple-container .box (mark container)

  • .mfx-checkbox .ripple-container .box .mark (the check mark icon)

    Note that you should be able to reach the box and the mark without actually using the .ripple-container selector