Hi everyone, I'm trying to use a custom stimulus controller on my application using avo3_beta8, but I can't find a way to make the avo_custom.js file to work properly. This is how my avo.custom.js file looks like:

console.log("Debug")

import EmailResourceController from 'controllers/email_controller'

// Hook into the stimulus instance provided by Avo
const application = window.Stimulus
application.register('email-resource', EmailResourceController)

// eslint-disable-next-line no-console
console.log('Hi from Avo cusssstom JS 👋')

But it doesn't matter what I do, when I connect to avo, it will print just ''Hi from Avo custom JS 👋'" When I click on the network window, it shows me an avo.custom.js file that's located on http://localhost:3000/spec/dummy/app/javascript/avo.custom.js This file is not comming from my code. Does anyone know how can I make my own avo.custom.js be loaded instead of this one?

Thread automatically created by yorsant in #1141725618694795364

Hi, I have a

has_many :bank_accounts

tab on two different resources Community, Person, and I need to update the

+ create new bank accounts

button to trigger a stimulus JS method passing the parent resource Community or Person and the record id. I added the stimulus controller to the bank_account resource, but I don't know how to add

data: { action: 'click->plaid#open' }

to the create button. Can someone guide me on how to do so? The controller looks like this:

js
open(event) {
  event.preventDefault();
  getParentResourceIdAndClassFromHref();
  someLogic();
}

Thread automatically created by roc.khalil in #1141725618694795364

Thread automatically created by roc.khalil in #1141725618694795364

Hello. Is anyone else having this problem rendering pagination? https://cdn.discordapp.com/attachments/1141725618694795364/1211891482886144000/Screenshot_2024-02-26_at_11.23.32_PM.png?ex=65efd8e5&is=65dd63e5&hm=66e1b5ca8ac6e1869f593b2b7c8c4522065f92fee5d3fede017dd45f71b54d51&

Hi. I'm using devise with customized views for my authentication flow and avo for all my other views. Is it possible to use the avo component that renders message responses (as in https://docs.avohq.io/3.0/actions.html#action-responses) to render the flash messages in the main layout? Has someone here tried that before?

Hi, I'm new to avo and need help to do something. What is the best way to validate a field based on the value of another field? (using stimulus-rails-nested-form).

Thread automatically created by m7madmagdy in #1141725618694795364

Thread automatically created by rctneil in #1141725618694795364

hi guys - not sure if someone had mentioned it before (i couldn't find anything on GH) - but i was curious what you think about the layout of the edit-forms when using a

main_panel

together with a

sidebar

. imho the forms have way too much whitespace. shown here: https://cdn.discordapp.com/attachments/1141725618694795364/1228251386416726026/image.png?ex=662b5d3e&is=6618e83e&hm=12e061cf26392ea7dea35811f04e4c4bd8be6798b43707ed0e3f4015d32b7fb8&

It seems that the Pagy upgrade broke Avo's pagination. https://cdn.discordapp.com/attachments/1141725618694795364/1234674428772876338/Screenshot_2024-04-29_at_9.11.29_PM.png?ex=663197aa&is=6630462a&hm=ab05698250708e0089bb4a1290e4ce406c62cd99204b9264579a4d27bc496aac& https://cdn.discordapp.com/attachments/1141725618694795364/1234674429041049620/Screenshot_2024-04-29_at_9.14.18_PM.png?ex=663197ab&is=6630462b&hm=fa85d172cddacd1eec344c7aca5b35566bb6018e82999aa9606924674059bd1f& https://cdn.discordapp.com/attachments/1141725618694795364/1234674429381050438/Screenshot_2024-04-29_at_9.15.05_PM.png?ex=663197ab&is=6630462b&hm=9c98423456be3ce50272b5915a08c9e5f314367bf325e8bb9cd540ae2d09e7b3&

Здравейте там! I'm sorry to bother you while you're busy, but I'm a bit stuck, so I'd like to ask a question. What would be the easiest approach to perform filtering using avo's basic-filters with an external library like nouislider? https://refreshless.com/nouislider/ Would creating a slider filter within avo itself, similar to the date-time filter PR below, be the best approach? https://github.com/avo-hq/avo/pull/1229/files

Hello, Is it possible to fix the dropdown for the dynamic filter on mobiles? It shows really small. https://cdn.discordapp.com/attachments/1141725618694795364/1238346000452550706/Screenshot_2024-05-10_at_12.22.04_AM.png?ex=663ef315&is=663da195&hm=2253be90e583c8ae301384737ff37cadec3845531f5fa97b9dceb4990bd00c7e&

Hi guys, I know you are currently working on Theming, and I would like to know a little about it. When do you think this will be available? Will it allow us to change the UI considerably? I'm asking because a considerable percentage of my users use mobile devices to access the app (I mistakenly assumed they would prefer PCs; even old people are using mobile now), and now I need to improve the UI. I wonder if someone else has had a similar problem and how they solved it. I was looking at Clarity, and I saw some users frustrated with action models, covering almost the entire screen, users seemed confused not knowing it was a modal. Maybe I can improve the buttons (at the moment, my modals are questions, and buttons say no to cancel the action and yes to run it). I'd appreciate any help. Thanks in advance.

Sorry to bother you, but I have a question. Is it possible to import filter_controller.js from Avo into a custom _controller.js in my project? I aim to create a custom filter. --- // Path to filter_controller.js in avo required import BaseFilterController from '/**/**/filter_controller'; export default class extends BaseFilterController { ...

Accessibility: I have a client who is asking for accessibility to be considered. I ran some basic parts of Avo through axe-matchers and Avo isn't actually that far off from wcag2a compliance and wcag2aa would require some color changes (for color contrast). I think it's OK for my purposes, but wanted to highlight here. Of course, there is way more to accessibility (input navigation, good aria labeling, alt text, and the list goes on), but I just wanted to highlight it.

The dynamic filter on the demo site does not seem to be working properly🤔 https://avodemo.com/avo/resources/users

Hey team Avo, seems like the

Avo::Menu::Link

component is missing a

rel

prop, eg so you can do

config.main_menu = -> {
    link_to "Back to app", path: "/", target: :_blank, rel: :noopener

How about a partial eject for custom style ?

Hi Guys, I am wondering if there is a way to add some dynamic fields to an action. As far as I have seen, there can be only pre-defined static fields. Any Ideas, Best approach ? Thanks a lot.

it's official. TailwindCSS v4 is coming out next week 🙌 https://x.com/adamwathan/status/1879856208552845570

guys, question regarding ViewComponent and TailwindCSS - not related to Avo but I know you use it

Just wondering if anyone has any idea how to fix the styles for my Action dropdown? They appear like this. It's been like this ever since I started using Avo, so not a new issue. It all works fine, just the styles are off. I've tried soo much over my time of using Avo to fix it but never come up with a solution. I'm not overriding any Avo styles, i'm not importing my own styles into Avo. I've always just left it as the functionality is fine, but now i'm using Actions a bit more, it would be nice to get right. https://cdn.discordapp.com/attachments/1141725618694795364/1356599028468420668/Screenshot_2025-04-01_at_12.57.47.png?ex=67ed26cc&is=67ebd54c&hm=f85753564f6b7ebd53b2a9a3b0270b880ff75a93cef94c06ae01ef0ea7ddbe66&

Hi ＠Paul Bob! Sorry to bother you. I have a question. Even though the dashboards/dashy screen is open, the Avo section is active. Is this intended behavior? Is there a way to prevent it from being active? https://main.avodemo.com/avo/dashboards/dashy https://cdn.discordapp.com/attachments/1141725618694795364/1364944803044790384/screenshot_2025-04-24_21.39.34.png?ex=680c2c28&is=680adaa8&hm=d0f6975bca84f7b4eff8da6a7f3a20223705d6bca74b18b435c2222c2b2327e5&