Mokatchi Comments - Answer Overflow

Mokatchi

Posts Comments

FFilament

•Created by Mokatchi on 10/31/2024 in #❓┊help

recordClasses() added the class name to the table tr but the style doesn't applied

Thank you guys 🙂

19 replies

FFilament

•Created by Mokatchi on 10/31/2024 in #❓┊help

recordClasses() added the class name to the table tr but the style doesn't applied

Actually I want to reset the row if the progress is 100% and not the whole table, because there may be some rows where the progress is under 100%. Thank you that you pay my attention to this point.

19 replies

FFilament

•Created by Mokatchi on 10/31/2024 in #❓┊help

recordClasses() added the class name to the table tr but the style doesn't applied

mmmmmm, my intention is to test gloally if the condition is true then reset the table style

19 replies

FFilament

•Created by Mokatchi on 10/31/2024 in #❓┊help

recordClasses() added the class name to the table tr but the style doesn't applied

the idea is to color the whole row at once that's what I used the recordClasses. I didn't want to redundant the same condition on each table column

19 replies

FFilament

•Created by Mokatchi on 10/31/2024 in #❓┊help

recordClasses() added the class name to the table tr but the style doesn't applied

I want to reset the table style and get the original filament style once the progress will be 100% . But now I'm still not color the text to red

19 replies

FFilament

•Created by Mokatchi on 10/31/2024 in #❓┊help

recordClasses() added the class name to the table tr but the style doesn't applied

Where can I find the filament classes? I tried to use the filament danger class, but it didn't color the text.

19 replies

FFilament

•Created by Mokatchi on 10/31/2024 in #❓┊help

recordClasses() added the class name to the table tr but the style doesn't applied

Any help !!

19 replies

FFilament

•Created by Mokatchi on 10/31/2024 in #❓┊help

recordClasses() added the class name to the table tr but the style doesn't applied

my app.css

@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

19 replies

FFilament

•Created by Mokatchi on 10/31/2024 in #❓┊help

recordClasses() added the class name to the table tr but the style doesn't applied

my postcss.config.js

export default {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
}

export default {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
}

19 replies

FFilament

•Created by Mokatchi on 10/31/2024 in #❓┊help

recordClasses() added the class name to the table tr but the style doesn't applied

I installed tailwind css, but I don't want to create a new theme to use it. I only want to color the rows if the above condition is true. Here is my tailwind.config.js content

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./resources/**/*.blade.php",
    "./resources/**/*.js",
    "./app/Filament/**/*.php",
    "./resources/**/*.vue",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./resources/**/*.blade.php",
    "./resources/**/*.js",
    "./app/Filament/**/*.php",
    "./resources/**/*.vue",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

19 replies

FFilament

•Created by Mokatchi on 10/31/2024 in #❓┊help

recordClasses() added the class name to the table tr but the style doesn't applied

Here is my code:

return $table
            ->recordClasses(function  (Model $record) {
                $classes = [];
                if ($record->completionDate < now() && $record->progress < 100) {
                    $classes[] = '!text-red-500';
                }
                else if ($record->progress === 100) {
                    $this->resetTable();
                }
                return implode(' ', $classes);
            })

return $table
            ->recordClasses(function  (Model $record) {
                $classes = [];
                if ($record->completionDate < now() && $record->progress < 100) {
                    $classes[] = '!text-red-500';
                }
                else if ($record->progress === 100) {
                    $this->resetTable();
                }
                return implode(' ', $classes);
            })

19 replies

FFilament

•Created by max_dev on 11/29/2023 in #❓┊help

recordClasses() is only correctly applied to the first entry of a Table

my app.css

@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

9 replies

FFilament

•Created by max_dev on 11/29/2023 in #❓┊help

recordClasses() is only correctly applied to the first entry of a Table

my postcss.config.js

export default {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
}

export default {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
}

9 replies

FFilament

•Created by max_dev on 11/29/2023 in #❓┊help

recordClasses() is only correctly applied to the first entry of a Table

Here is my tailwind.config.js content

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./resources/**/*.blade.php",
    "./resources/**/*.js",
    "./app/Filament/**/*.php",
    "./resources/**/*.vue",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./resources/**/*.blade.php",
    "./resources/**/*.js",
    "./app/Filament/**/*.php",
    "./resources/**/*.vue",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

9 replies

FFilament

•Created by max_dev on 11/29/2023 in #❓┊help

recordClasses() is only correctly applied to the first entry of a Table

I installed tailwind css, but I don't want to create a new theme to use it. I only want to color the rows if the above condition is true.

9 replies

FFilament

•Created by max_dev on 11/29/2023 in #❓┊help

recordClasses() is only correctly applied to the first entry of a Table

Hello @max_dev Can you please tell me why I can't get the table rows text turned into red??? I tried the exclamation trick but it didn't work. Here is my code:

return $table
            ->recordClasses(function  (Model $record) {
                $classes = [];
                if ($record->completionDate < now() && $record->progress < 100) {
                    $classes[] = '!text-red-500';
                }
                else if ($record->progress === 100) {
                    $this->resetTable();
                }
                return implode(' ', $classes);
            })

return $table
            ->recordClasses(function  (Model $record) {
                $classes = [];
                if ($record->completionDate < now() && $record->progress < 100) {
                    $classes[] = '!text-red-500';
                }
                else if ($record->progress === 100) {
                    $this->resetTable();
                }
                return implode(' ', $classes);
            })