We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.

Custom annotation

Home Forums Puzzles Custom annotation

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #27605
    twan
    Customer

    Hi,
    I managed to change the annotation button and dialog box but now I’m stuck on how to fill the dialog box with text from the/a html file…

    (I hope my question makes sense :-) )

    Thanks

    #27610

    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):
    annotext.png

    And you’ll get something like this:
    annotext2.png

    Attachments:
    You must be logged in to view attached files.

    Co-founder and lead developer at Soft8Soft.

    #27618
    twan
    Customer

    Thanks a million!!

    #40877
    rdias
    Customer

    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

    • This reply was modified 1 month, 1 week ago by rdias.
    #40881

    In this step by step explanation that Ivan made no webflow needed, you just need Verge3D installed on your pc, simple text editor and follow step by step the instruction.

    Co-founder and lead graphics specialist at Soft8Soft.

    #40884
    rdias
    Customer

    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?

    Attachments:
    You must be logged in to view attached files.
    #40889
    rdias
    Customer

    hi, ‘get attribute’ is sorted. you’re right, followed the steps! I used the ‘get property’ instead. thanks

    Now I’m wondering how to change the bg image for the text annotation paragraph. Any help?

    Thanks in advance!

    Attachments:
    You must be logged in to view attached files.
    #40896

    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”.

    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.

    Co-founder and lead graphics specialist at Soft8Soft.

    #40922
    rdias
    Customer

    Thanks for the reply, Mikhail!

    Adding background was too complicated for me. Couldn’t get to work. Size positioning etc.

    So i gave up:( :-(

    #40928

    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.

    Co-founder and lead graphics specialist at Soft8Soft.

    #40930
    rdias
    Customer

    Totally agree! Appreciate your advice mate.

    Thanks!

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.