Hi,

I cannot see any MFXTableViews in my scene builder with version MFX 11.13.5. I can only see MFXLegacyTableView Also is there any documentation on how to make tables as it has no columns and I need to have columns and filters. Please look into the image for all elements I am having

Thanks, Saad

Is there a way to force on-demand validation? So say we have several fields which by default are marked as valid and a button that should trigger the validation and the state change ?

Currently when you add the project as a dependency to any maven project, you get the following IDE error:

This is happening because the dependency MaterialFX is providing javafx dependencies, that should not be happening. Hence a workaround I am using is to add the following exclusions in my pom.xml:

<dependency>
  <groupId>io.github.palexdev</groupId>
  <artifactId>materialfx</artifactId>
  <version>${materialfx.version}</version>
  <exclusions>
    <exclusion>
       <groupId>org.openjfx</groupId>
       <artifactId>javafx-graphics</artifactId>
    </exclusion>
    <exclusion>
      <groupId>org.openjfx</groupId>
      <artifactId>javafx-controls</artifactId>
    </exclusion>
    <exclusion>
       <groupId>org.openjfx</groupId>
       <artifactId>javafx-base</artifactId>
    </exclusion>
    <exclusion>
      <groupId>org.openjfx</groupId>
      <artifactId>javafx-swing</artifactId>
    </exclusion>
  </exclusions>
</dependency>

This PR removes the OpenJFX dependencies before publishing, hence solving the issue.

I added it to gradle's dependencies but the module-info.java now is getting an error like Package .... reads package 'javafx.beans' from both 'javafx.base' and 'javafx.base' and i can't use the library, also when i try to import something it seems like the package doesn't exists

Before i start, i have to say that I LOVE the outstanding features very much! 😸

However, i've found it unable to text Chinese characters into the Search field of MFXFilterComboBox. I'm not familiar with character encodings so i can't figure out which part went wrong It's a critical problem since i'm using it to create a Chinese font selector, where users will have to search through a bunch of fonts

Hope there will be a fix soon 🍀

By the way, There's no Chinese translation in the repo currently. If i want to contribute, what should I do? 🤔

Hi, I was wondering if there was a way to manually change/translate the current text used in components like "MFXTableView" to other languages? If not, I would be interested in translating it myself (French and Arabic).

Hello,

I have noticed a bug that occurs in certain scenarios with the MFXProgressBar:

When the progress bar is set to indeterminate, then changed to a standard progress value, the location of the bar is sometimes not reset and the standard progress is offset as a result. This does not happen if the progress bar is never set to indeterminate.

https://user-images.githubusercontent.com/83238954/121194929-2ab50a00-c83d-11eb-9baf-1a5007f3f8ef.mp4

Hi,

I am having an issue updating the progress bar to be any value besides indeterminate. I have run a debug on my application and verified the following:

1. progressBar.setProgress( value ); is called from the JavaFX thread
2. The internal progressBar.progress and progressBar.indeterminate values appear to be properly updated.
   
3. The value specified to progressBar.setProgress( value ) is either the indeterminate value, or is between 0.0 and 1.0.
   
4. I have verified that the standard JavaFX progress bar does not experience this behavior, when swapped with the MFXProgressBar (no other code changes)

Despite everything being called and set correctly (I believe), the progress bar always shows as indeterminate in my application.

I am writing a code editor with materialFX.

I want to create a same control as the filter button in the above image. Is there some other control than MFXButton to achieve this behaviour?

I just might not be able to do it, but how can i (for example) change the color of the popup-background? i saw that you listed the css-selectors, but i just dont get it

<MFXFilterComboBox styleClass="filterableComboBox"> </MFXFilterComboBox>

do i have to set a custom styleclass? if yes (or no) how can i access .mfx-combo-box .combo-popup in my styleclass?

update: i got how to access .mfx-combo-box .combo-popup, BUT: the items, the searchfield is now in "dark mode" but there is still a border around it or a pane that still is white and i dont know to access it

i got (quick & dirty) `.mfx-filter-combo-box { -fx-text-fill: white; -fx-background-color: derive(rgb(50, 50, 50), 20%); -mfx-caret-visible: false; }

.mfx-filter-combo-box .combo-popup .virtual-flow { -fx-background-color: transparent; -fx-background-radius: 0; -fx-max-height: 400; -fx-min-height: 400; -fx-min-width: 300; -fx-max-width: 300; }

.mfx-filter-combo-box .combo-popup .search-field { -fx-background-color: derive(rgb(50, 50, 50), 20%); -fx-text-fill: white; -mfx-gap: 0; -mfx-float-mode: disabled; -fx-padding: 5; -fx-display-caret: false; }

.mfx-combo-box .combo-popup .virtual-flow .mfx-combo-box-cell { -fx-background-color: derive(rgb(50, 50, 50), 20%); }

.mfx-combo-box .combo-popup .virtual-flow .data-label { -fx-text-fill: white; }`

update 2: the problem seems to be "mfx-filter-combo-box .combo-popup .search-container": as in issue #131, if i give this id to my combobox, the styling works

Hi!

I just wanted to build your library using Java 11 (11.0.14) as described. Running ./gradlew build fails with following error:

> Task :demo:compileJava FAILED
/PATHTOLIBRARY/MaterialFX/demo/src/main/java/io/github/palexdev/materialfx/demo/model/Model.java:34: error: unclosed string literal
                        """
                          ^
/PATHTOLIBRARY/MaterialFX/demo/src/main/java/io/github/palexdev/materialfx/demo/model/Model.java:35: error: ';' expected
                                        Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                                                   ^
/PATHTOLIBRARY/MaterialFX/demo/src/main/java/io/github/palexdev/materialfx/demo/model/Model.java:35: error: ';' expected
                                        Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                                                             ^
/PATHTOLIBRARY/MaterialFX/demo/src/main/java/io/github/palexdev/materialfx/demo/model/Model.java:35: error: ';' expected
                                        Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                                                                        ^
/PATHTOLIBRARY/MaterialFX/demo/src/main/java/io/github/palexdev/materialfx/demo/model/Model.java:35: error: ';' expected
                                        Lorem Ipsum is simply dummy text of the printing and typesetting industry.

I also tried to build it with Java 15 (15.0.6) with following error:

> Task :demo:compileJava FAILED
/PATHTOLIBRARY/MaterialFX/demo/src/main/java/io/github/palexdev/materialfx/demo/model/Person.java:66: error: no suitable method found for nextInt(int,int)
                setAge(RandomUtils.random.nextInt(18, 81));
                                         ^
    method Random.nextInt() is not applicable
      (actual and formal argument lists differ in length)
    method Random.nextInt(int) is not applicable
      (actual and formal argument lists differ in length)
/PATHTOLIBRARY/MaterialFX/demo/src/main/java/io/github/palexdev/materialfx/demo/model/Device.java:104: error: no suitable method found for nextInt(int,int)
                return RandomUtils.random.nextInt(100000, 1000000);
                                         ^
    method Random.nextInt() is not applicable
      (actual and formal argument lists differ in length)
    method Random.nextInt(int) is not applicable
      (actual and formal argument lists differ in length)
/PATHTOLIBRARY/MaterialFX/demo/src/main/java/io/github/palexdev/materialfx/demo/controllers/DemoController.java:136: error: cannot find symbol
                                        .toList();
                                        ^
  symbol:   method toList()
  location: interface Stream<ToggleButton>
Note: Some input files use unchecked or unsafe operations.
Note: Recompile with -Xlint:unchecked for details.
3 errors

FAILURE: Build failed with an exception.

What Java version are you using to build the library?

I need for my application other icons from the Ikonli library.

Icons from Ikonli are showing up with FontIcon(iconcode). However, the 'standard' MaterialFX icons have disappeared.... For instance, in the DatePicker popup...

It looks like the correct font file is not found anymore, once Ikonli is loaded ? Is it possible to have both libraries in the same application ?

Based on the MaterialsFX Source Code, the "DEMO CONTROLLER" have .toList() method after return. But when I tried it on NetBeans, the .toList() method is not found. I'm using materialfx-11.13.5, JavaFX 11.

I don't know if this a bug, or i make a mistake. Please bear with me and help me. Thank you!

Screenshots:

.toList() not found on suggestion

Code on initializeLoader loader.setOnLoadedAction

Describe the bug MFXTableView does not seem to be correctly sized when created. Startnig a scroll action, it resizes correctly (see attached video).

MRE(Minimal Reproducible Example)

TableMain.fmxl

<?xml version="1.0" encoding="UTF-8"?>

<!--?import ste.w3.easywallet.ui.table.EasyWalletTableView?-->
<?import javafx.geometry.Insets?>
<?import javafx.scene.layout.VBox?>
<?import io.github.palexdev.materialfx.controls.MFXTableView?>

<VBox alignment="CENTER" spacing="5.0" xmlns="http://javafx.com/javafx/19" xmlns:fx="http://javafx.com/fxml/1" fx:controller="ste.w3.easywallet.ui.table.TableMainController">
    <padding>
        <Insets bottom="15.0" />
    </padding>
    <children>
        <MFXTableView fx:id="table" />
    </children>
</VBox>

TableMain.java

public class TableMain extends Application {

    @Override
    public void start(Stage stage) throws Exception {
        stage.setTitle("TableView Test");
        stage.setWidth(800);

https://user-images.githubusercontent.com/43138/209996110-22ad600a-210b-416a-8f24-653b657586b9.mp4


        stage.setHeight(600);
        stage.getIcons().add(new Image(TableMain.class.getResourceAsStream("/images/easy-wallet-icon-64x64.png")));
        stage.getIcons().add(new Image(TableMain.class.getResourceAsStream("/images/easy-wallet-icon-128x128.png")));

        Scene scene = new Scene(
            FXMLLoader.load(TableMain.class.getResource("/fxml/TableMain.fxml"))
        );

        stage.setScene(scene);

        stage.show();
    }
}

TableMainController.java

public class TableMainController {

    @FXML
    protected MFXTableView table;

    public TableMainController() {
    }

    @FXML
    public void initialize() {
        table.autosizeColumnsOnInitialization();
        setupTable();
    }

    private void setupTable() {
        MFXTableColumn<Transaction> whenColumn = new MFXTableColumn<>("when", false, Comparator.comparing(Transaction::when));
        MFXTableColumn<Transaction> currencyColumn = new MFXTableColumn<>("currency", false, Comparator.comparing(Transaction::currency));
        MFXTableColumn<Transaction> amountColumn = new MFXTableColumn<>("amount", false, Comparator.comparing(Transaction::amount));
        MFXTableColumn<Transaction> fromColumn = new MFXTableColumn<>("from", false, Comparator.comparing(Transaction::from));

        whenColumn.setRowCellFactory(transaction -> new MFXTableRowCell<>(Transaction::when));
        currencyColumn.setRowCellFactory(transaction -> new MFXTableRowCell<>(Transaction::currency));
        amountColumn.setRowCellFactory(transaction -> new MFXTableRowCell<>(Transaction::amount));
        fromColumn.setRowCellFactory(transaction -> new MFXTableRowCell<>(Transaction::from));

        table.getTableColumns().addAll(whenColumn, currencyColumn, amountColumn, fromColumn);
        table.getFilters().addAll(
                new StringFilter<>("when", Transaction::whenZ),
                new StringFilter<>("currency", Transaction::currency),
                new StringFilter<>("amount", Transaction::amount),
                new StringFilter<>("from", Transaction::from)
        );

        ObservableList<Transaction> data = FXCollections.observableArrayList();

        for (int i = 1; i <= 50; ++i) {
            data.add(
                    new Transaction(
                            Instant.parse(String.format("2022-11-10T10:%02d:00Z", i)),
                            "USD",
                            String.format("%1$02d.%1$02d", i),
                            String.format("12345678901234567890123456789012345678%02d", i),
                            String.format("hahs%02d", i)
                    )
            );
        }
        table.setItems(data);
    }

    private class Transaction {

        public final String hash, from, amount, currency;
        public final Instant when;

        public Transaction() {
            this(null, null, null, null, null);
        }

        public Transaction(Instant when, String currency, String amount, String from, String hash) {
            this.when = when;
            this.currency = currency;
            this.amount = amount;
            this.from = from;
            this.hash = hash;
        }

        public Instant when() {
            return when;
        }

        public String currency() {
            return currency;
        }

        public String amount() {
            return amount;
        }

        public String from() {
            return from;
        }

        public String hash() {
            return hash;
        }

        public String whenZ() {
            return when.toString();
        }
    }
}

To Reproduce Run the MRE

Expected behavior The table size and position is correct since the beginning.

Screenshots see video...

https://user-images.githubusercontent.com/43138/209996148-bac26473-270f-4d70-b021-3c3045ba8c99.mp4

Describe the bug FXML

<VBox id="addressText" alignment="CENTER" spacing="5.0" styleClass="content" stylesheets="@../css/easywallet.css" xmlns="http://javafx.com/javafx/19" xmlns:fx="http://javafx.com/fxml/1" fx:controller="ste.w3.easywallet.ui.LedgerController">
    <padding>
        <Insets bottom="15.0" />
    </padding>
    <children>
        <MFXPaginatedTableView fx:id="transactions" rowsPerPage="10" />
    </children>
</VBox>

In the controller I am addign the columns as:

MFXTableColumn<Transaction> whenColumn = new MFXTableColumn<>("when", false, Comparator.comparing(Transaction::getWhen));
        MFXTableColumn<Transaction> amountColumn = new MFXTableColumn<>("amount", false, Comparator.comparing(Transaction::getAmount));
        MFXTableColumn<Transaction> fromColumn = new MFXTableColumn<>("from", false, Comparator.comparing(Transaction::getFrom));

        whenColumn.setRowCellFactory(transaction -> new MFXTableRowCell<>(Transaction::getWhen));
        amountColumn.setRowCellFactory(transaction -> new MFXTableRowCell<>(Transaction::getAmount));
        fromColumn.setRowCellFactory(transaction -> new MFXTableRowCell<>(Transaction::getFrom));

        transactions.getTableColumns().addAll(whenColumn, amountColumn, fromColumn);
        transactions.getFilters().addAll(
                        new StringFilter<>("when", Transaction::getWhen),
                        new StringFilter<>("amount", Transaction::getAmount),
                        new StringFilter<>("from", Transaction::getFrom)
        );

When I show the table, which should resize all columns, not all space is used:

MRE(Minimal Reproducible Example) It is noticeable in the demo application as well.

To Reproduce Run the demo application and see the Tables section

Expected behavior Columns are sized to expand to the available space

Screenshots

Hi, Here is my code :

MFXGenericDialog dialogContent = MFXGenericDialogBuilder.build()
                    .setContent(vBox)
                    .makeScrollable(true)
                    .get();

            MFXStageDialog dialog = MFXGenericDialogBuilder.build(dialogContent)
                    .toStageDialogBuilder()
                    .initOwner(this.dialogStage)
                    .initModality(Modality.APPLICATION_MODAL)
                    .setDraggable(true)
                    .setTitle("Personne")
                    .setOwnerNode(this.viewGraph)
                    .setScrimPriority(ScrimPriority.WINDOW)
                    .setScrimOwner(true)
                    .get();

            dialogContent.setPrefSize(600, 500);
            dialogContent.setMinSize(600, 500);
            dialogContent.setMaxSize(600, 500);
            dialog.showDialog();

vBox is a VBox element with multiple Pane inside. But this vbox is not displayed in the dialog window.

setContentText is working. I tried to put a simple Button like so: .setContent(new Button("test")) Does not work either...

Is this a bug or i did something wrong ?

Discussed in https://github.com/palexdev/MaterialFX/discussions/242

The height of the popup is set by the combo box css To change it you just have to add a stylesheet to the control or the root pane with this settings:

.mfx-combo-box .combo-popup .virtual-flow {
	-fx-pref-height: prefVal;
	-fx-max-height: maxVal;
} 

Discussion made into issue as a reminder to improve this and add the visibleRowCount property