We have an example now Click on the edit now to checkout codes and start playing with it using editor https://www.wix.com/velo/example/alert-messages

@harley.weber You can add a box with a 10 opacity in black color on top of the image act or you can photoshop a darker image and change the background of the column

hey Add a css position: absolute to override the parent width and height. but if the iframe is built using the script you can't do that. May be create a custom element that create a Iframe with width and height and position absolute. and run the script from there. That said I do have tips on resizing IFrame using custom element https://www.wix.com/velo/forum/tips-tutorials-examples/resizable-iframe-using-custom-element You just need to update this line iframe.style = "resize:both" to the width and height

Hey @harley.weber Let me break down the code. In a page, there is three stripe element ( column1, column2, column3 ) And each column as two box elements inside. but only one box will show depends if the mouse is inside the column or outside of the column So on mouse In: - box 1 will hide and box 2 will show and mouse Out: - box 1 will show and box 2 will hide. and During the mouse in and out the background of the columns will also change. This happens for 3 columns Each column has one Mouse In and one Mouse out so, total 6 functions there is an Flip Animation let flipOptions = { "duration": 600, "direction": "right" }; This will animate the box on show or hide You can see all the available animation here. https://www.wix.com/velo/reference/$w/box/show

You can use a button and button click you can filter it import wixData from 'wix-data'; $w.onReady(function () { $w("#btnFilter").onClick(()=>{ var newFilter = wixData.filter().contain('your_field', cat).contain('your_field', dog); $w('#dataset').setFilter(newFilter); }); })

@Fernando Rocha Yes! you can. Check this article i just create for you https://www.wix.com/velo/forum/tips-tutorials-examples/resizable-iframe-using-custom-element

I think you can't send email to owner It's a known bug Here is the refactor make a variable name so others coder/ (you from future) can understand what's going on and you can change it easily without needing to go through all the code const templateID = "email"; const toSend = "testemail@gmail.com"; const variables = { "photo": $w("#textBox1").value, } wixUsers.emailUser(templateID, toSend, {variables})

looks like WIX bug try to contact support and IMO it should fix on it;s own if not create a new page and test the code and see if it still throw the error Try to uncomment the error and see the error still exist If you want to help the support to fix the bug faster

This is a great example why i initiated the code review Yes we can improve it Here is the following code We store all the button element ID in an Array and there is another variable which store a key value so the button ID is map to stateID of the lightbox buttonID <=> stateID then we can loop throw all the button add the onclick event and change the state (We get the state id from the multiState variable) and hide all the button and show the current btn with the id const btnEl = [ "buttonGk", "buttonG1", "buttonG2", "buttonG3", "buttonG4", "buttonG5" ] const multiState = {   buttonG1: "grade1",   buttonG2: "grade2",   buttonG3: "grade3",   buttonG4: "grade4",   buttonG5: "grade5",   buttonGk: "gradeK", } $w.onReady(function () {   btnEl.forEach(btnID => {     $w("#" + btnID).onClick(() => {         $w('#programSummaryBox').changeState(multiState[btnID]); const notClickedBtn = currBtnID => currBtnID !==  btnID;         $w('#' + btnEl.filter(notClickedBtn).join("hid, #") ).hide();         $w(`#${btnID}hid`).show();     })   }); });

And thank you for the continue support I appreciate it. I was busy for comming weeks due to client works Will try my best to be on time next time Feel free to shoot me a message @russian

There is two way to do it I prefer the wixData.update as it feels reliable // SOLUTION 1: /*  We can get the Instructor details from the dynamic dataset and   Update the collection from wixData update   If you wanna update to different database you will need to query the database  to get the _id before update the value */ import wixData from "wix-data"; $w.onReady(function () {   $w("#dynamicDataset").onReady(() => {     $w("#dataset5").onReady(() => {       saveQuoteData();     });   }); }); async function saveQuoteData() { const courses = $w("#dynamicDataset").getCurrentItem(); const instructor = courses.instructorName; const instructorName = instructor.title;   instructor.quote = $w('#iptQuote').value;   wixData.update("Instructors", instructor)   .then((updated)=>{     console.log("Updated the 'Instructors' database :", updated);   })   .catch(console.error) } // SOLUTION 2: /*   Filter the dataset and use setFieldvalue and Save to update the quote on page load   You can also call the saveQuoteData function on a button click */ import wixData from "wix-data"; $w.onReady(function () {   $w("#dynamicDataset").onReady(() => {     $w("#dataset5").onReady(() => {       saveQuoteData();     });   }); }); async function saveQuoteData() { const courses = $w("#dynamicDataset").getCurrentItem(); const instructorName = courses.instructorName.title; const filter = wixData.filter().eq("title", instructorName); await $w("#dataset5").setFilter(filter); // filtering the dataset will update the current Index   console.log("Updating Quote") await $w("#dataset5").setFieldValue("quote", $w('#iptQuote').value); await $w("#dataset5").save(); }

Closing the thread hope this was useful, We(Corvid master) will do Code review on every Friday, get ready for the next code review on 17th July Happy coding ✌

Happy to help and thank you for the support :)

Try this without using .then if (wixUsers.currentUser.loggedIn) {   wixUsers.logout()   wixLocation.to("/") }

/*   It's better to use distinct, Which will give you an array of unique items.   you don't need to loop through 1000 items and get unique item   There is not limitation specific in the documentation    https://www.wix.com/corvid/new-reference/wix-data/wixdataquery/distinct   so i think it should work if you have less than 1000 unique items   like if the database has 10k rows but only 600 unique calls values   than it should work   I assume the limitation up to 1000 unique item, there might be no limitation   */ function filtreCom() {   wixData.query("MobileforfaitFR")     .ascending("call")     .distinct("call")     .then(res => { const calls = res.items; let opts = toOptions(calls);       opts.unshift({ "label": "All", "value": "All" });       $w("#dropCom").options = opts;     }); function toOptions(arr=[]) { let toLabel = curr => ({ label: curr, value: curr }); return arr.map(toLabel);   } }

/* It's better to use a reference field, to connect the Collection databas with the product database Once you create a column and set the data type to reference in the Product database and point to Collection database Then you can use database UI to search for the collection and select the collection for each product For now we can't use repeater inside of repeater, So, your's is the only solution to use a fixed Number elements in your case it's five But you can attach the table inside of the repater to display multiple prooduct If you done it right you don't need any code to connect the table to the database */ import wixData from 'wix-data'; var ItemLength $w.onReady(function () { wixData.query("Collection")     .find()     .then((res) => { let Item = res.items ItemLength = res.items.length wixData.query("Products")         .find()         .then((results) => { let product = results.items; $w("#repeater1").onItemReady(($item, itemData, index) => { for (var i = ItemLength - 1; i >= 0; i = i - 1) { const currTitle = Item[i].title; const iteration = ( index * 4 ) + i; console.log("i = " + i); console.log("index = " + index); console.log('--------------------'); if (itemData.title === currTitle) { $item("#TXTtype1").text = product[iteration].type; $item("#IMGtype1").src = product[iteration].image; console.log("Output-Index1 = " + index) $item("#TXTtype2").text = product[iteration + 1].type; $item("#IMGtype2").src = product[iteration + 1].image; console.log("Output-Index2 = " + index) $item("#TXTtype3").text = product[iteration + 2].type; $item("#IMGtype3").src = product[iteration + 2].image; console.log("Output-Index3 = " + index) $item("#TXTtype4").text = product[iteration + 3].type; $item("#IMGtype4").src = product[iteration + 3].image; console.log("Output-Index4 = " + index) $item("#TXTtype5").text = product[iteration + 4].type; $item("#IMGtype5").src = product[iteration + 4].image; console.log("Output-Index5 = " + index)               } console.log('--------------------')             }           });         });     }); });

/*     Hey dima, Hope you are doing well     i think the best way IMO is to use external lib     to search the word, I have used fuzzy search before     I will recommend that     https://www.npmjs.com/package/fuzzy-search     I have refactor the code and you just compute onetime and store the value     e.g:     const sliceWord = mySearchWord.slice(0, searchWordLength);     and use `let` instead of `var`     and don't use `PARAMS` */ export function button1_click() { SEARCH(); } function SEARCH() { let wordCounter = 0; let myText = $w("#TXTinput").text; $w("#TXToutput").text = ""; let searchValue = $w("#input1").value; //.toLowerCase(); let searchWordLength = searchValue.length; let searchWords = myText.split(" "); let searchWords1 = []; let searchWords2 = []; let searchWords3 = []; $w("#wordLength").value = searchWordLength; console.log(searchWords); for (let i = 0; i < searchWords.length; i++) { let mySearchWord = searchWords[i]; console.log(mySearchWord); const sliceWord = mySearchWord.slice(0, searchWordLength); const charCodeAt = mySearchWord.charCodeAt(searchWordLength + 1); const sliveWord1 = mySearchWord.slice(1, searchWordLength + 1); const charCode0 = mySearchWord.charCodeAt(0); if (sliceWord === searchValue || sliceWord === searchValue.toLowerCase()) { console.log("YES-1"); if (charCodeAt >= 65 && charCodeAt <= 90) {       } else if (charCodeAt >= 98 && charCodeAt <= 122) {       } else if (charCodeAt >= 192 && charCodeAt <= 255) {       } else { console.log("FOUND-1"); searchWords1.push(mySearchWord), wordCounter++;       }     } if (sliveWord1 == searchValue || sliveWord1 == searchValue.toLowerCase()) { console.log("YES-2"); console.log(mySearchWord.charCodeAt(1)); if (charCode0 >= 65 && charCode0 <= 90) { console.log("1");       } else if (charCode0 >= 98 && charCode0 <= 122) { console.log("2");       } else if (charCode0 >= 192 && charCode0 <= 255) { console.log("3");       } else { console.log("FOUND-2"), searchWords2.push(mySearchWord), wordCounter++;       }     }   } searchWords3 = searchWords1 + searchWords2; console.log("---- 1 ----"); console.log(searchWords1); console.log("---- 2 ----"); console.log(searchWords2); console.log("---- 3 ----"); console.log(searchWords3); $w("#OUTPUTfoundterms").value = wordCounter; $w("#TXTresults").text = searchWords3; $w("#TXToutput").text = searchWords.toString(); }

Closing the thread hope this was useful, We(Corvid master) will do Code review on every Friday, get ready for the next code review on 4th July, 2020 Happy coding ✌

/* Try to use a $w selected to catch the event instead of binding using the property panel */ $w.onReady(() => {   $w('#dataset1').onReady(() => {     init();   }); }); function init() { // page element and dataset are ready to use   $w('#table1').onRowSelect(event => { const currentRowIndex = event.rowIndex;     console.log(currentRowIndex); const item = $w('#dataset1').getCurrentItem(); const URL = item.url;     console.log(URL); const myURL = item["link-tutorials-title"]; const contentLink1 = item["link-tutorials-title"];     console.log(myURL);     $w('#BTNgo').link = myURL;   }) }

Closing the thread hope this was useful, We(Corvid master) will do Code review on every Friday, get ready for the next code review on 26th June Happy coding ✌