Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 13, 2020 at 2:17 am #1229819
    SyberKnight

    with regards mostly to opening content from other pages OR hidden sections on the page up in a Lightbox or Modal or Popup area, for it looks like (and from what i’ve read elsewhere) that any link to a particular item (image, video, youtube video, etc) will automatically open in a lightbox.

    the documentation is woefully lacking in this area. the ONLY thing i could find is how to prevent a link from opening in a lightbox.

    i’ve seen references in the forums that Enfold uses a script called “Magnific Popup” to handle lightboxing, but those seem to be prior to 2018 (for the ones i’ve found).

    i’ve also seen a more recent reference to simply using “?iframe=true” at the end of an href url will open that url in a lightboxed iframe.

    so what’s the definitive/best/official word for Enfold in 2020? what methods should we use for the leanest/cleanest way to open both
    1) content from another local page, &
    2) content in a hidden div/section on same page,
    in a lightbox?

    additionally, what do you suggest for constraining these lightboxes to dimensions we choose AND controlling scrolling both vertically & horizontally?

    thanks.

    July 15, 2020 at 1:04 pm #1230589
    Ismael

    Hey SyberKnight,

    Thank you for the inquiry.

    The theme is still using the same lightbox script, so previous methods that are available in the forum or in the documentation will still work. And it will still automatically apply the script to links or images when necessary. If you want to control how the lightbox script behaves, you can re-initialize the lightbox script for a certain element, then pass your own parameters.

    These are some examples available in the forum. Just search for “magnificPopup”.

    // https://kriesi.at/support/topic/secundary-menu-no-modal-possible/#post-1205935
    // https://kriesi.at/support/topic/pop-up-fenster/#post-1201896
    // https://kriesi.at/support/topic/add-caption-in-lightbox-under-image-in-masonry-gallery/#post-1180698

    additionally, what do you suggest for constraining these lightboxes to dimensions we choose AND controlling scrolling both vertically & horizontally?

    Unfortunately, you can only set the size of the lightbox container with css because there is no parameter given for it.

    Best regards,
    Ismael

    July 15, 2020 at 11:48 pm #1230775
    SyberKnight

    thanks Ismael,

    i’ll check it out.

    the main reason i started looking in to this is – i was needing to create a data-table, one which would not shrink in size nor collapse for mobile. i was originally hoping to load this in the lightbox, but when the browser window shrinks or loads on mobile, there are no horizontal scrollbars to scroll horizontally with for the table viewing. i tried adding the scrollbar element to the iframe tag, and i played with css for all the wrappers too, but it just wouldn’t work. i eventually gave up & just made it’s own page for it. but would be nice for the lightbox to have more accessible features.

    thanks.

    July 17, 2020 at 8:25 am #1231131
    Ismael

    Hi,

    The space on mobile screens is quite limited and placing a table inside a lightbox container will decrease it even more. IMO, placing the table on a separate page is a better solution and maybe a better experience for users because they don’t have to scroll as much just to see the table content.

    Thank you for your patience.

    Best regards,
    Ismael

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