Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • March 18, 2018 at 8:01 pm #928775
    AdDesign

    Hi guys,

    I would like to embed a 360 degree image via iframecode. So thats not the problem…
    What I can’t figure out is, how I can set a fullscreensection with an “iframecode 360 image” like here: https://roundme.com/

    Do you have any suggestions?

    Thanks!

    Cheers, Alex

    March 18, 2018 at 11:29 pm #928820
    Guenni007

    i figured it out a few weeks ago that iframe realy didn’t work well. i hope this will be fixed soon because a lot of possibilities f.e. with youtube videos only work with a good iframe function.

    See here the mod comment: https://kriesi.at/support/topic/new-enfold-troubles-with-iframe/#post-905722

    March 18, 2018 at 11:56 pm #928825
    AdDesign

    Thanks for your reply!

    the iframecode works, but i can’t get it 100% fullscreen. (margin top, left and right will not be 100%)

    The second possibility i was thinking of was, to insert a shortcode from a 360 Pano Plugin in the colorsection / codeblock but I have the same margin troubles here.

    Any advises how I can manage a fullscreensection with such a shortcode in a colorsection and a codeblock or textfeld?

    Oh any other ideas to insert a fullscreen 360 panorama image?

    Thanks!

    Best regards, Alex

    March 19, 2018 at 1:01 am #928830
    Guenni007

    is there a livelink to look for ?

    March 20, 2018 at 8:20 am #929579
    Vinay

    Hi,

    Please share the link to your site and the code you are trying in the private area so we can take a closer look and suggest you the best approach to get a fullscreen iframe video.

    Best regards,
    Vinay

    March 21, 2018 at 8:48 pm #930837
    AdDesign

    Hi Vinay,

    Links and code from the Testpage are in the private area.
    It would be perfect to get a fullscreen 360 image like here: https://roundme.com/

    Thanks a lot!

    March 21, 2018 at 11:46 pm #930952
    Yigit

    Hey,

    Please add Color Section element to your page, set it’s height to 100% and then refer to this post – https://kriesi.at/documentation/enfold/color-section-with-100-container/ and make its container 100% as well and insert your iframe inside that Color Section element. If that does not help, please post WP admin logins here privately so we can look into it :)

    Regards,
    Yigit

    March 22, 2018 at 7:28 pm #931578
    AdDesign

    Hi Yigit,

    the fullsection will work now with the iframecode! Thanks for that. Just one thing I do get runnig:
    Like in the Examplepage https://roundme.com/ I would like to hve it with a transparent Header, but when I check the “transparent header” option nothing happens. Also a withspace apears between the colorsection an the footer.

    May you have any advise for me?

    Thanks!

    Cheers, Alex

    March 22, 2018 at 8:18 pm #931597
    Yigit

    Hi!

    Login credentials did not work for me. Could you please check them once again? :)

    Best regards,
    Yigit

    March 22, 2018 at 8:42 pm #931614
    AdDesign

    Hi,

    sorry, should work now!

    Best regards, Alex

    March 24, 2018 at 11:08 pm #932500
    Mike

    Hi,
    I took a look and found that a couple of your color section setting needed to be adjusted:
    for “Section Minimum Height” it needs to be: “At least 100% of Browser Window height”
    for “Section Padding” it needs to be: “no padding”
    and you didn’t have the css in the General Styling > Quick CSS field:

    #fwcs .container { width: 100% !important; max-width: 100%; padding: 0px!important;  margin: 0; }

    It is now working, Please clear your browser cache and check.

    Best regards,
    Mike

    March 24, 2018 at 11:51 pm #932518
    AdDesign

    Hi Mike,

    thanks for helping me out, but unfortunately its still not working right.
    Please see the attached Screenshots.

    May you have any ideas how to fix this issue?

    Thanks!

    Best regards,
    Alex

    March 25, 2018 at 12:37 am #932526
    Mike

    Hi,
    The video in the iframe has a height of 700px, so to solve the issue of a full screen browser I changed it to 850px, but feel free to adjust to suit.
    The bit of white at the bottom of the video is also due to the height, or ratio of the the screen, which will be different for each screen size. To solve I changed the background color of the color section to match the footer so it would not show.

    Best regards,
    Mike

    March 25, 2018 at 1:12 am #932527
    AdDesign

    Hi Mike,
    thanks you very much! You are really offering a great support!!
    But may I ask you two last questions?

    1) The iframe is now horizontal centerd. When the height is for example 750px, the modified backgroundcolor will appear in the menutop as well.
    When setting more px height the space disappears, but then it’s nessesary to scroll down. We would prefer it, when ther is is 100% Windowheightsolution like in the colorsectionsettings without scrolling. Is it possible to set the iframe on top, or maybe a possibility to set the height to 100% (I tried it, but it didn’t work) so it will fit all screens?

    2) Is there a possibility to set an adjustment of the height for smartphonescreens, so that the colorsectionheight will fit on smartphonesscreens without scrolling? (Here would be a “100% height” solution also great)

    Do you have some last advices for me?

    Thanks Mike!

    Best regards,
    Alex

    March 27, 2018 at 3:26 am #933297
    Ismael

    Hi,

    1.) You can use the following css code but it may distort the frame a bit so you may have to add more css media queries.

    #fwcs iframe {
    max-height: 100vh !important;
    height: 100vh !important;
}

    2.) Duplicate the color section and configure the options in accordance with mobile screen resolutions. Toggle the color sections’ visibility in the Screen Options panel.

    Best regards,
    Ismael

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