Changing static HTML to responsive...

User 187934 Photo


Senior Advisor
20,190 posts

In your footer you have this.
<script src="index_files/vlb_engine/jquery.min.js" type="text/javascript"></script>
<script src="index_files/vlb_engine/visuallightbox.js" type="text/javascript"></script>

It needs to be this.
<script src="index_files/vlb_engine/vlbdata1.js" type="text/javascript"></script>
<script src="index_files/vlb_engine/visuallightbox.js" type="text/javascript"></script>

Then in your html element that holds you lightbox images remove this extra line of code.
<script src="index_files/vlb_engine/vlbdata1.js" type="text/javascript"></script>

Works here.
http://ericrohloff.com/coffeecup/ccforum/rsd/ernie.html
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 188640 Photo


Registered User
895 posts

Eric, Thanks, I guess I've tried so many different ways to get this to work I've gone overboard.

I'll fix this first thing in the morning.

Thanks again.
A Rose is Just a Weed in a Corn Patch!
User 188640 Photo


Registered User
895 posts

Eric,

I found that a piece of Javascript in the head section may have been interfering. It is for a pop up window with a contact form. I removed that and now my lightbox 'sort of works'. It is responsive but at full screen it doesn't load in two columns like it's built to do. It loads like it is set to auto columns.

Then when I get to a little smaller screen size it goes to the two columns like it's supposed to be.

I don't have a lot of time left this morning before I have to go to work but as soon as I get home I'll start trying to see if I have a setting that may be causing this to happen. I know you're good at finding these things so maybe you can spot anything that's making this happen.

I am uploading my updated RSD file to the link on my test site.
A Rose is Just a Weed in a Corn Patch!
User 187934 Photo


Senior Advisor
20,190 posts

Eric Rohloff wrote:
In your footer you have this.
<script src="index_files/vlb_engine/jquery.min.js" type="text/javascript"></script>
<script src="index_files/vlb_engine/visuallightbox.js" type="text/javascript"></script>

It needs to be this.
<script src="index_files/vlb_engine/vlbdata1.js" type="text/javascript"></script>
<script src="index_files/vlb_engine/visuallightbox.js" type="text/javascript"></script>

Then in your html element that holds you lightbox images remove this extra line of code.
<script src="index_files/vlb_engine/vlbdata1.js" type="text/javascript"></script>

Works here.
http://ericrohloff.com/coffeecup/ccforum/rsd/ernie.html
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 188640 Photo


Registered User
895 posts

Eric,

Had a couple of really long days but today will be much better.

I misunderstood what you were saying about my file working. I could see that it was working but I was focused on the lightbox being non responsive.

And, I inadvertently did a really stupid thing when I added my index_files folder to the resources area. I did realize my images folder was selected and it was added into that folder.

This should probably go into a new thread but when we create a lightbox and set it to two columns does that prevent it from being responsive? That's what I'm getting. So is there a way to have it set for auto and reduce the container/column/html element and get it to the two columns to start with?
A Rose is Just a Weed in a Corn Patch!
User 187934 Photo


Senior Advisor
20,190 posts

Is the lightbox responsive outside of RSD?
If you can share your RSD and or a link it might help.
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 2088758 Photo


Senior Advisor
3,087 posts

I have Lightboxes that are in a column that has three in a row and have no issue with responsiveness. Yea as Eric mentioned a link may help.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 188640 Photo


Registered User
895 posts

Actually it's not responsive when it's in two columns. If I set it at Auto for the columns it is responsive.

Here's a link to the Lightbox itself on my test site: http://mytestblog.net/harbor2/

If you want I can put up an Auto column file as well but it will have to wait until I get back from a doctors appointment around 2 pm.
A Rose is Just a Weed in a Corn Patch!
User 2088758 Photo


Senior Advisor
3,087 posts

oh yea... on its own it is not responsive but when you put it in a row or container in RSD or RLM it should become responsive.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 188640 Photo


Registered User
895 posts

OK, here's two links.

1. RSD site with Lightbox set to two columns: http://mytestblog.net/harbor/

2. RSD site with Lightbox set to Auto columns: http://mytestblog.net/harbor2/

The only thing I changed was the index_files folder. I saved the first site as the number 2 site. Rebuilt the Lightbox and imported the folder into number 2. Same RSD with two different Lightbox files.

I don't remember which RSD file I have on my site for download but if anyone wants both I can do that.
A Rose is Just a Weed in a Corn Patch!

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.