Honestly, I'm afraid I don't have enough knowledge to help you accurately. I also work with filters and databases but use a different method than you. I don't want to tell you anything wrong and I hope someone else can help you. Ps.: it's a bit unprofessional, but try asking ChatGPT. He often gave me at least correct approaches and I found a solution. Just make sure that you say that it is a Wix Velo code and Wix database/dataset. If you use those keywords he gives more precise answers.

I also had the problem although I have been dealing with Velo for months. This can happen. You forgot the brackets at the end of your method (). So it should be correctly $w("#button2").hide(). For example, if you want to hide an element by default and only make it visible by pressing a button, the code would be: $w("#element").hide(); //element is hidden by default $w("#button").onClick(() => { //button makes element visible $w("#element").show(); }); Your other problem I honestly didn't quite understand, maybe you can give more info on that. I am relatively new to learning programming, but try to do roughly what you want: I have a text input field and want that if the text you type matches what I set before (in example it is the word "test"), then the button should appear. Otherwise the button should be hidden. For this I have created an input field named "input1" and next to it a button "button1". First I have to create an onInput event, this is done on the lower right side in the code window (see picture). Now a pre-made code appears to me. I only need this part of it (Do not forget to write in front that the button should be hidden by default): $w("#button1").hide(); export function input1_input(event) { } Now I write an if-condition inside the onInput function (If the value of the input matches this text, then the button should become visible, otherwise hide() again): if ($w("#input1").value === "test") { $w("#button1").show(); } else { $w("#button1").hide(); } The entire code: $w("#button1").hide(); export function input1_input(event) { if ($w("#input1").value === "test") { $w("#button1").show(); } else { $w("#button1").hide(); } } Your source instead of the text is up to you. I hope it helped you a little, good luck!

After two days I managed to find a solution. I have manipulated the repeater items with Velo code using the .forEachItem() method. I called my repeater like this: $w("#repeater1").forEachItem(($item, itemData, index) => { const item = results.items.find((result) => result._id === itemData._id);} So it checks if it is the same repeater item. Then I created a variable and assigned it to my text element I wanted to manipulate: let repeatedTextElement = $item("#text1"); repeatedTextElement.text = formattedDistance; But I couldn't find a solution for how to create a custom database column.

I have solved it: I did it in Editor-X. I have set in my HTML component Code the style from px-values to: then I set the html component container itself to w 100% h 100% and the strip size to 100 Viewport-Height. Now my Leaflet card automatically adjusts to any screen size!

I found a way on my own. It's a workaround without transferring my filter logic to the backend or writing anything twice. I found out that I can create a semi-lightbox also with a box container. There I placed my filter elements, a close button and ready is almost the same result. The best thing is that this lightbox does not consider itself as an extra window and I can address there all elements that exist on the page. For code beginners, the solution is perfectly sufficient. 🙂

First of all, thank you for your answer. I tried all day yesterday to adjust my complex code so that it works as a return in my backend. But I did not manage to do it. I'm not that experienced with JS and Velo yet and just managed to create the filtering on my main page the way I want it, this new task is too much for me unfortunately. so i'm currently trying it the way you said, copy the code to my lightbox 1 to 1. I have the following line in my filter function, where I pass the result to my HTML elment (which is on the main page): $w("#html1").postMessage(JSON.stringify(filteredResults)); Can you maybe tell me what this line has to be so that I pass the result to my main page? Something like $w("#lightboxName").$w("#html1").postMessage(JSON.stringify(filteredResults)); where I know that probably doesn't work. but is there a simple command so I can modify the passing lines so I don't have to do too much?

Thank you very much, I found some links very helpful. That was a bit cumbersomeI, but I have now also finally solved my problem.

Dear Russian-Dima (according to your site), Thank you for your answer, I am sure you just wanted to help me, thank you very much, even if your answers sounded slightly passive aggressive. Yes, believe it or not, I started learning JS and Velo only 1,5 month ago, but I don't know anything about so many things, so I need your help, Dimon. You said I should do my filtering in velo code. I unfortunately only knew this method to filter there (wixData.query("Database").contains .find.then results.items). I think this is not the best and only method. Do you have a tutorial link or concrete link to a doc so I can take a look? Most importantly how should I create the filter as an object, can you tell me more about that? That would be great ;) Thanks in advance