Web Bae

WB

Web Bae

Chat and get help with Webflow and Javascript.

Join

Accordion with Auto-close & first accordion open by default

I am trying to build an accordion where the first one is open by default on load and then on clicking on any other accordions to open the one which is opened will be auto-closed. I tried custom build with divs but still missing the auto-close functionality and when I made this using dropdown I got the autoclose functionality but can't keep the first one open using custom code or page load trigger as it affects the autoclose. So if someone knows a way around to make it all work or has a cloneable...

Thank you very much!

Hi everyone, a website I published using the Grid Zoom video as the main "wow" feature of my website has been nominated to Awwwards. I'm posting this as a big thank you to @Web Bae for the tutorial. It took me a while, but putting together the tutorial, plus a video in the center and a blend-mode to the main font in the website has really made it stand out. Thank you very very much for your time and dedication. You can check the result in here: https://www.studiocurva.com/projects It's up for voting on the Site of the Day category which is a very big deal for me and would mean the world to get this recognition. If anyone has an account on Awwwards, or is up to creating one and voting, this is the link of the nomination:...

Image transition while scroll

Hey guys! What's up? Please, does anyone know how to make this Asana's interaction natively in webflow? https://asana.com/pt live link...
No description

Navbar Link disappearing after click

I'm encountering a weird issue that I can't seem to figure out. I have a dropdown portion of my navbar setup to scroll down to sections of my homepage after click. But as soon as the section scrolls into view, the navlink text disappears. The link is still there and clickable, but the text is gone. Originally I grabbed this element from Relume library, but can't seem to figure out this weird formatting. Not seeing anything when looking at diff states or anything....
No description

Finsweet ToC causing problem on iPhones

Hi, I followed Finsweet to make a ToC for a blog. This is the link to the guide: https://finsweet.com/attributes/table-of-contents I'm just targetting H2 for the table of conten. ...

ChatBot Solutions

Hello hope everyone is doing well I just wanted to know what some good support chatbot solutions available out there. I have tried using elfsights chat widget but now its expired before buying from them wanted to explore a few other options, I wanted to implement it on client website. Any recommendations @Web Bae

Responsive SVG bodies of different widths (Matter.js)

I'm following along with the "Matter.js with Responsive SVG Bodies" tutorial but I want to have a number of different bodies all with different sizes (rather than just a constant width of 100px) to respond to the viewport. It presumably shouldn't be too hard to achieve but I'm finding the Matter.js documentation impossible to parse (I am still a beginner to JS in general). Currently, to get multiple different bodies and have them spawn in different locations, I have a for loop that creates each body one by one, inserting the correct x and y position each time — one of the solutions I've been playing around with similarly involves adding two extra variables for SVG width and height, manually filling those out, and then working the scaling out from there. Preferably though, it would be best to get the width with body.bounds for each SVG just as in the tutorial....

CMS irregular grid ('another one' - drake voice)

Hey Webbae! New here and wanted to kick off with a question as I'm scratching my head on this one - very new to low code so bear with me! A client of mine is pretty adamant with the grid style and text overflow situation https://www.s2victor.com/ I need this to be a part of a CMS so really not sure how to go about it......

Webflow app

Getting this zsh: command not found: webflow error when trying to initialize Webflow app. Anyone else facing this issue ? @Web Bae

How much code is too much code? - Webflow

Heya! I'm working on a Mapbox integration with Webflow. My custom code sits just below the maximum characters. Would hosting (then importing) my JS script be a better approach? Either for faster render speed or just for good practice? Cheers Folks...

Hollow Matter.js SVG

Hey @Web Bae I followed through your "Matter.js with Responsive SVG Bodies" tutorial, thanks by the way. In it you noted that you didn't get SVGs with holes in them to work like the letter O. I'm just wondering, is there any way to get this to work? I haven't really found anyone on the internet addressing it. Spent the past couple of hours trying to think of ways around it to no avail. Thanks :)))...

Grid Zoom Help

Hello @Web Bae . I followed your tutorial and it 100% worked. Ended up going back and forth with the clonable Webflow until I understood what was going on. Thanks a lot, it is absolutely what I was looking for. I'm facing a new issue where I'd like to use it in 4 different sections of my page. I've been able to play around and got this result: https://www.loom.com/share/82d1c175af2b41d8969adbe9968dba65?sid=a6aa1f64-da31-4565-b2c2-4adccfdfc3b6 ...

Irregular grid using 1 CMS collection

Hey there! Does anyone know how to achieve this irregular grid with a single CMS collection? https://www.ordinaryfolk.co/...
No description

CMS Nest with Multi-Image field

Hey there! I am trying to use the CMS Nest from FnSweet, adn I had followed your tutorial among others, but I am not able to nest a Collection list using the Attributes since you are not able to link a "current page" link inside of multi-image fields/collections it just provides you with a blank page like the photo. Would anyone have any suggestions, I have tried almost every variation of this but nothing propagates or its the wrong set on the page...
No description

Store Locator

I have a client where they want to show their different stores, is something like this possible in Webflow https://www.samsung.com/in/storelocator/ or any work around for where I can show their stores in map....

Webflow Apps

About Webflow apps, is it possible to just make an app for a specific project. Not necessarily for the market place. And will it also needs submissions and approval from the Webflow team ? #❓︱questions @Web Bae

Matter.js matter-wrap plugin

I'm currently working on a portfolio for web design/development work and I want to modify the template from the "Better Boilerplate for Matter.js" video with the matter-wrap plugin to create a looping canvas (example provided in the documentation link). Basically I want walls on the top and bottom of the screen that objects can't pass through, but to make it so that objects that float off the right side appear on the left and vice versa. Thanks in advance :)))...

SAML with Webflow

Is there a way to integrate SAML with Webflow using auth0 #❓︱questions @Web Bae

Webflow to Airtable using Logic works in test, but not live after publish

Hey hey 👋🏾 . Glad for the community here. @Web Bae , following up from my question from the YouTube lesson "How to Connect Webflow to Airtable with Logic in 10 min" It works fine when testing in Webflow, the test is successful and a record is created in Webflow. When I publish and then submit a form on the live site, it doesn't work - the form submits, but nothing goes to Airtable. I do get an email from Webflow though, confirming that a form was submitted. Here's the live link: https://cardnyc.webflow.io and Preview url - https://preview.webflow.com/preview/cardnyc?utm_medium=preview_link&utm_source=designer&utm_content=cardnyc&preview=275c80d887dd992fc5afd268f1862f23&pageId=649b4d0ac48ee841ecbbcf58&workflow=preview...

How can I count the CMS field and display the count?

I tried a lot of custom code from chat GPT but was unable to get the desired results, How can I count the category field from the Blog CMS and have the output as the number, I created another CMS called "Categories" and used it as reference but can't figure this out, if somebody can help me with this.
No description