Is there and easy way to make a meal window responsive?
Billy
freewaytalk mailing list
email@hidden
Update your subscriptions at:
What do you mean by a meal window? Do you mean modal? How did you style that modal? If it’s sized in percentages, then it will respond to the viewport by becoming that percentage of the available space.
Walter
On Apr 19, 2018, at 6:27 PM, billy kimmel email@hidden wrote:
Is there and easy way to make a meal window responsive?
Billy
freewaytalk mailing list
email@hidden
Update your subscriptions at:
Information for existing FreewayTalk / Groups.io users - Site Feedback - Softpress Talk
freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options
Yes, I mean Modal.
You can view it here: http://www.aroundgtown.com
There is a style sheet where I have stated the following:
modal-window: iframe;
modal-window-width: 600px;
modal-window-height: 620px;
Doesn’t make it responsive with percentage.
Is it stated elsewhere in the .js file?
freewaytalk mailing list
email@hidden
Update your subscriptions at:
Scroll to the link in the “Register” Box. “more information >>”
freewaytalk mailing list
email@hidden
Update your subscriptions at:
Right. Those pixel width and height values are fixed, not fluid. Try changing them to some percentage of the window width and height, or use the vh and vw (viewport height and width) measurement units. Those go 1-100, so you would use 70vw to make the modal 70% of the viewport width. You can use the viewport height to control the width, and vice-versa as well. It’s a very powerful measurement unit. Freeway won’t display it correctly, but I doubt it is doing so in this case either.
Finally, are you sure that this is a style sheet? These don’t look at all like CSS instructions, more like this is a JavaScript instruction set, which will compile to CSS later.
Walter
On Apr 20, 2018, at 8:56 AM, billy kimmel email@hidden wrote:
Yes, I mean Modal.
You can view it here: http://www.aroundgtown.com
There is a style sheet where I have stated the following:
modal-window: iframe;
modal-window-width: 600px;
modal-window-height: 620px;Doesn’t make it responsive with percentage.
Is it stated elsewhere in the .js file?
freewaytalk mailing list
email@hidden
Update your subscriptions at:
Information for existing FreewayTalk / Groups.io users - Site Feedback - Softpress Talk
freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options
It is Java.
The style sheet is called modal style.css
I tried:
modal-window-width: 100vw;
modal-window-height: 100vh;
still doesn’t make it responsive it just resizes the box.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
I’m getting a 403 error when I visit that URL.
Walter
On Apr 20, 2018, at 8:59 AM, billy kimmel email@hidden wrote:
Scroll to the link in the “Register” Box. “more information >>”
freewaytalk mailing list
email@hidden
Update your subscriptions at:
Information for existing FreewayTalk / Groups.io users - Site Feedback - Softpress Talk
freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options
Sorry. Try again. I was uploading to a new folder.
http://www.aroundgermantown.com
Billy
freewaytalk mailing list
email@hidden
Update your subscriptions at:
its there now
freewaytalk mailing list
email@hidden
Update your subscriptions at:
Try changing it to a percentage, rather than the vh / vw properties. Those are likely newer than your modal framework knows about.
Walter
On Apr 20, 2018, at 9:58 AM, billy kimmel email@hidden wrote:
its there now
freewaytalk mailing list
email@hidden
Update your subscriptions at:
Information for existing FreewayTalk / Groups.io users - Site Feedback - Softpress Talk
freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options
I wonder if there is some css that would tell the iFrame to be flexible?
Billy
freewaytalk mailing list
email@hidden
Update your subscriptions at: