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

General UX/UI HTML Puzzle Advice

Home › Forums › General Questions › General UX/UI HTML Puzzle Advice

Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • 2021-04-10 at 4:39 pm #40096
    pilothelm
    Participant

    Hi there! My skills are in 3D modelling but I need some simple guidance on best way to achieve my UI/UX layout goals please.

    My objective is to display a ‘situation control room’ scene effect where my model & button controls will always be present in the iframe/index.html. My issue is that the buttons must also control the display/refresh of additional iframes 2,3 & 4 content on the same screen alongside the master iframe 1 view (as shown in graphic attached).

    Is there a simple layout example I can follow to replicate as close as possible to my ideal control layout? I’m capable of creating the iframe layout but not so much the use of Puzzles. Note: the iframes 2,3 & 4 will be calling external html files which is why I require separtation. Advice greatly appreciated.

    Attachments:
    You must be logged in to view attached files.
    2021-04-12 at 1:44 pm #40112
    Ivan Lyubovnikov
    Staff

    Hi,

    There’s no particular example of something like you described, but it’s not very difficult to implement. If you already have the buttons and the iframes on the page, then you can use the “onclick” and “set prop” puzzles as follows:
    puzzles_setup.png

    – basically here you listen to the “click” event and when it happens you set the “src” attribute of your iframe to some page address, which will reload the iframe content.

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

    Co-founder and lead developer at Soft8Soft.

    2021-04-12 at 7:34 pm #40117
    pilothelm
    Participant

    Thank you Ivan. Worked perfectly and great to see that these puzzles can be so simple to follow. This should set me up nicely for further dev.

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