Custom annotation

Hi,

If you want to fill the content of annotations with some text that you have in the application html file, then you can do it the following way:

1) Define the annotation text somewhere in the application .html file within an html element with a unique id (e.g. “annoText1”):

<div id="annoText1">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
    veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
    commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
    velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
    occaecat cupidatat non proident, sunt in culpa qui officia deserunt
    mollit anim id est laborum.
</div>

2) Use the id of that html element to get its content via the get_attribute puzzle (select the “innerHTML” attribute):

And you’ll get something like this:

Hi Ivan,

I’m trying to do a similar thing but my web/html/webflow knowledge is not up to that standard. I know only 3Ds Max. Can you describe to me more how you got that Lorem Ipsum text paragraph, please? Is this something achievable without webflow?

And also in the current Vege3D I can’t find the ‘Get attribute’ puzzle. What is a substitute for this pls?

I tried webflow following this tutorial:https://www.youtube.com/watch?v=F_R_rkC7mgQ

But every time when I come back from the verge3d to webflow it just shows a blank page. I couldn’t figure out how to publish from that point.

I hope you can help
Thanks in advance

thanks for your prompt reply Mikhail!

I will give it go. So if the ‘get attribute’ puzzle no longer available, what would be the replacement. See the screenshots

Also, can I have a custom-made bg for the annotation as per the attached image? so the bg can be hdri sky. I believe this would need another CSS. Right?

rdias wrote:

I will give it go. So if the ‘get attribute’ puzzle no longer available, what would be the replacement. See the screenshots

It was remaned to “Get Prop”.

rdias wrote:

Also, can I have a custom-made bg for the annotation as per the attached image? so the bg can be hdri sky. I believe this would need another CSS. Right?

Not sure about HDRI, but you can use common image as background changing background-image of the div’s css, no need for another CSS.

You need to leanr basics of HTML layout (a lot of videos on youtube) you can’t move further without that and no advice can help you.