I would contact support directly for this question. I think this deserves a little more attention that from community, to make sure it’s accurate to what you’re looking for.
I am having the same problem. My html design was refused for the development team because that. They said that the code is organized, but the code is not readable, when they see these data-w-id…
I signed up for a forum account just to post here, too. I’m using Webflow to more easily design front-ends for my custom django back-ends and exclusively use it with the code exporting function.
However, every time I export the code, it changes all of the IDs on the elements with interactions. So, instead of just updating a couple of templates, I have to painstakingly go through and update each item in every page that has an interaction on it.
This creates huge problems for me and unless it’s fixed, I’ll have to cancel my Webflow subscription and use something else.
@dadealeus - I just did a test, albeit a simple one.
Created a button. Gave it an id of btn-test. Added a class of button. Added an IX2 Interaction. Exported site.
Here is the HTML. <div><a id="btn-test" data-w-id="6ce93fda-747c-de3d-37f0-b34034d35abf" href="#" class="button w-button">Button Text</a></div>
So this test shows that the value of the ID did not change.
I also tested setting the interaction to target the .button class instead of the element. Here is the code on export.
Could please, give more details about this approach? Such as a small tutorial. Your solution seems fantastic. Thanks for your interesting in the problem, thanks a lot
What @webdev meant is that the solution is to just stop worrying since your development team’s fears are baseless. If you use elements as targets the only thing that is getting added is a custom data-w-id attribute which doesn’t do anything to the actual id. If you use classes as targets (which I strongly suggest you always do) then no custom attribute is added.
Sorry, if I am misunderstanding, but let me examplify…
For instance…
I have 3 buttons…
Those three buttons belong to the class ‘button-pink’
I need rotate(an animation) ‘only’ the first button, only the first one.
IF I apply my rotation/animation using the ‘Affect: Class’…The three buttons will rotate, not only the first one.
The three buttons will rotate…
For avoid that(I mean only the first button rotate), I need to “improvise”(FAKE A SOLUTION) and chose ‘Only children with this class’ or ‘Only parent with this class’.
HOWEVER, this is improvisation/faking the solution because this button does not have Children or Parent.
This is sort of fake solution… Do you agree???
Or you could add an additional class to just that item and bind your rotation animation to that one.
We are going around in circles here. You get what you get. If you don’t want to create interactions from within the designer, you can always use javascript and the tram.js library binding with ID’s or whatever.
If you ask how to work with what we have, we can help. If not you are really on your own. Peace.