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.

Ok, I Agree

item body not available in puzzle “add HTML element …

Home › Forums › Puzzles › item body not available in puzzle “add HTML element …

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • 2021-10-12 at 4:29 pm #46093
    vision
    Customer

    Hi I have been trying the Jewelry configurator tutorial on youtube.

    The only thing not working is the choice of “body”. It can be choosen but it is not displaying the buttons anymore.

    Container however is working in displaying the buttons but not 50% centered.

    Can you give me some advice?

    2021-10-12 at 5:57 pm #46097
    xeon
    Customer

    Be sure you are viewing your results in “Run App” not in “Edit Puzzles”.
    If that is not the issue, upload your progress to the Soft8soft server and test. You should be able to diagnose via the console window.

    If still stuck send the link to the video you are watching and a time code where you are at and we can try to help.

    Xeon
    Route 66 Digital
    Interactive Solutions - https://www.r66d.com
    Tutorials - https://www.xeons3dlab.com

    2021-10-12 at 8:56 pm #46101
    vision
    Customer

    yes, tested it in running mode.

    this is the youtube video i have been following:

    As of the time 2:48 its working with 3 seperate buttons.
    But then the boxing the buttons together in elementer “centerer” and again putting that in “body” is where the issue is, body is not displaying buttons to I set it to container which displays the buttons.

    Also all ajustments in element “centerer” left, right, width, height have no result in moving the element. Also the button action when clicking is not working, it was working before making the item “centerer”.

    I like the verge3D alot so I bought it. I hope I can have a setup ready and have time for more actual bilding projects.

    2021-10-12 at 9:35 pm #46103
    xeon
    Customer

    ok…so if possible, could you screen shot your puzzles or share your project and I will take a look at where things are getting hung up.

    That video is so fast… that it would be easy to miss a step or an important step was just deleted in the compression of time that isn’t shown.

    I don’t believe it was ever intended as a tutorial but…I can understand why you might want to give it a shot.

    Xeon
    Route 66 Digital
    Interactive Solutions - https://www.r66d.com
    Tutorials - https://www.xeons3dlab.com

    2021-10-13 at 12:10 am #46104
    xeon
    Customer

    I just tried to recreate the content from the youtube video using verge 3.8. Note the video is 2 years old and there have been some updates to Verge3D so I am happy to say for the most part everything works.

    First after reviewing the concept…the idea was to give the viewer an idea that they could use puzzles to create HTML via puzzles and I think the video is successful in that. However, its not the best responsive approach and a new video or tutorial would be a good idea.

    For starters… I had to add relative and absolute position puzzles as indicated to get things to move properly.

    Now that we have CSS ability, it is actually easier to just create a class and have all your CSS that way either in Java Script or using the CSS puzzle. You can use Flexbox in CSS to have precise control.

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

    Xeon
    Route 66 Digital
    Interactive Solutions - https://www.r66d.com
    Tutorials - https://www.xeons3dlab.com

    2021-10-13 at 3:37 pm #46137
    vision
    Customer

    Big thanks xeon, this is the solution!
    I know can build my buttons interface.
    Do you have anything that learns/shows the css puzzle in use?

    And is use off CSS quicker in loading use of app compared to just the html puzzle solution?

    I now have a vertical row of 5 buttons on the right side.
    I want to give each button, a horizontal row of 3 sub-buttons to pop-out to the left.
    Perhaps you could help me with the setup for this? Just the orientation.

    2021-10-14 at 12:12 pm #46161
    vision
    Customer

    I just checked Global Illumination example and know understand the css more.

    But for the orientatie setup of the submenu buttons I need some help.
    I now have a row of buttons vertically.
    Now I need each button to have a vertical row of buttons.

    Attached an attempt which is not working yet.

    Attachments:
    You must be logged in to view attached files.
  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.