Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Daniel Iser

    (@danieliser)

    @bpebble – Responsive popups are meant to do just that. On desktop they fill a % based width, on mobile they fill roughly 95%. This is no different than any responsive based grid system, 3 columns wide on desktop becomes 1 column wide by 3 tall.

    If you want it to behave like it does on desktop you will want to not use responsive sizes.

    Hope this helps.

    Thread Starter bpebble

    (@bpebble)

    Perhaps you need to understand what responsive means.

    https://en.m.wikipedia.org/wiki/Responsive_web_design

    “The fluid grid concept calls for page element sizing to be in relative units like percentages, rather than absolute units like pixels or points.[6]”

    Your plugin is NOT responsive by the very definition of responsive. The element is not relative. It is independent. I will review and discontinue use of your plugin accordingly as per your direction.

    Plugin Author Daniel Iser

    (@danieliser)

    @bpebble – You may want to look at how many of the existing CSS frameworks create their responsive modals. We use the same methods, and in fact took them initially from Twitter Bootstrap.

    Also your under the assumption that to be responsive it must use EM based unit measurements. This is false, in fact responsive in general simply means that the design is built to render differently based on screen or device size. There are no rules as to how this should be implemented. Some frameworks do it with EMs, some with % and others simply create multiple media queries and use px based sizes that are predefined.

    The last using PX is not fit with todays methods, but the core concepts stated in [5] specifically state “A flexible grid-based layout that uses relative sizing”. Percentages are just that, relative to their parent.

    I would be happy to help you get it working the way you want, as the plugin is already set up to be customized in any way needed, but you are free to use another plugin if that is your wish.

    Plugin Author Daniel Iser

    (@danieliser)

    Just to clarify, [5] (https://msdn.microsoft.com/en-us/magazine/hh653584.aspx) illustrates the point of relative sizing using ’em’ but specifically states

    You can also use percentages. The calculation algorithm is the same; you just end up with percentages.

    Also the popups on mobile will default to 70% width.

    Plugin Author Daniel Iser

    (@danieliser)

    @bpebble – Did you get it working, or did you decide to go another route. Glad to be of assistance if possible.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Not Responsive’ is closed to new replies.