How to do using componet modal window...

User 2796380 Photo


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
User 187934 Photo


Senior Advisor
20,181 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
User 244626 Photo


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.
User 187934 Photo


Senior Advisor
20,181 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
User 2796380 Photo


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
User 2699991 Photo


Registered User
4,782 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
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 2699991 Photo


Registered User
4,782 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
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 244626 Photo


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.
User 2796380 Photo


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
User 2699991 Photo


Registered User
4,782 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
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/

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.