How to do using componet modal window...

Dec 24th, 2016 at 12:22 PM
User 2796380 Photo

EZorb
Registered User
94 posts

I want to have modal window to open html page. I have created the html pages and exported and place in a folder.
I have removed the picture box leaving row & column.
I have tried several things and seems nothing works on loading the html page.
Do I need to add a container (what type) or add subgrid. If so what do I do next
Merry Christmas to all
Larry Penny
Dec 24th, 2016 at 05:00 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,290 posts

Hi Larry,
I don't know if Foundation has any built in modals but you could use another library to include one.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Dec 24th, 2016 at 11:49 PM
User 244626 Photo

Twinstream
Registered User
811 posts

As there is a modal component in Foundation I think this is an advanced function.
Read http://foundation.zurb.com/sites/docs/v … eveal.html
Hope this helps...
Bootstrap 5 CSS Grid.
Dec 24th, 2016 at 11:57 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,290 posts

Thanks for finding that. I didn't have time to look but I figured there would be one.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Dec 25th, 2016 at 02:31 PM
User 2796380 Photo

EZorb
Registered User
94 posts

Using the component Modal window in FF I need to know how to get it to pull in a html page located in another folder. ZURB displays a bunch of code. What do you do with that?
Larry Penny
Dec 25th, 2016 at 10:49 PM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,541 posts
Online Now

Larry Penny wrote:
Using the component Modal window in FF I need to know how to get it to pull in a html page located in another folder. ZURB displays a bunch of code. What do you do with that?


Seems a bit strange to want a page thats in a folder on your site to come up as a modal window on a different page (assuming same site)

I would guess (never done it before though) that you would place an html element into the modal container, same as you would do with a normal container, that does mean however that the page wouldn't be in another folder, unless within the html element you put the code for an iframe to the page (again not sure thats possible though either)
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Dec 25th, 2016 at 11:07 PM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,541 posts
Online Now

Wayan Jaya wrote:
Larry Penny wrote:
Using the component Modal window in FF I need to know how to get it to pull in a html page located in another folder. ZURB displays a bunch of code. What do you do with that?


Seems a bit strange to want a page thats in a folder on your site to come up as a modal window on a different page (assuming same site)

I would guess (never done it before though) that you would place an html element into the modal container, same as you would do with a normal container, that does mean however that the page wouldn't be in another folder, unless within the html element you put the code for an iframe to the page (again not sure thats possible though either)


Just tested it out it works no problem, just needs a little bit of fiddleing about with css and other essential files if it's not part of the same project, if its same project then works fine without
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Dec 26th, 2016 at 02:00 PM
User 244626 Photo

Twinstream
Registered User
811 posts

I learned something today....Thanks Wayan that is an interesting use of a modal with html element and iframe.
Bootstrap 5 CSS Grid.
Dec 27th, 2016 at 12:35 PM
User 2796380 Photo

EZorb
Registered User
94 posts

Here is my static web site that I am converting to be responsive. www.EZorbCalcium.com and in the middle panel "EZorb Resource Library" click on any of the book icons. They will open in a Modal Window and some with tabs for more than one page.
If that is what you have done tell me in detail how you did it.
Thanks Larry
Purpose of using modal window, my clients are elderly and most get lost clicking on links. By being able to see main page in background they feel more comfortable.

Wayan Jaya wrote:
Wayan Jaya wrote:
Larry Penny wrote:
Using the component Modal window in FF I need to know how to get it to pull in a html page located in another folder. ZURB displays a bunch of code. What do you do with that?


Seems a bit strange to want a page thats in a folder on your site to come up as a modal window on a different page (assuming same site)

I would guess (never done it before though) that you would place an html element into the modal container, same as you would do with a normal container, that does mean however that the page wouldn't be in another folder, unless within the html element you put the code for an iframe to the page (again not sure thats possible though either)


Just tested it out it works no problem, just needs a little bit of fiddleing about with css and other essential files if it's not part of the same project, if its same project then works fine without
Larry Penny
Dec 27th, 2016 at 01:25 PM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,541 posts
Online Now

Larry Penny wrote:
Here is my static web site that I am converting to be responsive. www.EZorbCalcium.com and in the middle panel "EZorb Resource Library" click on any of the book icons. They will open in a Modal Window and some with tabs for more than one page.
If that is what you have done tell me in detail how you did it.
Thanks Larry
Purpose of using modal window, my clients are elderly and most get lost clicking on links. By being able to see main page in background they feel more comfortable.

Wayan Jaya wrote:
Wayan Jaya wrote:
Larry Penny wrote:
Using the component Modal window in FF I need to know how to get it to pull in a html page located in another folder. ZURB displays a bunch of code. What do you do with that?


Seems a bit strange to want a page thats in a folder on your site to come up as a modal window on a different page (assuming same site)

I would guess (never done it before though) that you would place an html element into the modal container, same as you would do with a normal container, that does mean however that the page wouldn't be in another folder, unless within the html element you put the code for an iframe to the page (again not sure thats possible though either)


Just tested it out it works no problem, just needs a little bit of fiddleing about with css and other essential files if it's not part of the same project, if its same project then works fine without


First of all are you using ff project "WITH COMPONENTS" ?
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.