A little CSS design issue I found on...

User 2623310 Photo


Ambassador
282 posts

If the scrolling bars show usually that has to do with the the width and height of the form or the iframe itself. Try changing those first to see if that helps you out.:)
User 2590668 Photo


Registered User
40 posts

I did change the form dimension in the ***ADMIN REMOVED*** interface and it seemed to make a difference.
In the iframe you'll see scrolling="no" (scrolling: no; doesn't work). However, using any scrolling element in the iframe will give me a validation error. Avoiding these errors was the whole purpose of this exercise. Check it yourself. Is there a way around it? My CSS uses the colon , semi-colon format.

http://www.momentostudios.ca/momentonew … aug-b.html
James Kershaw |Reminiscence Facilitator
jim@momentostudio.info | http://ca.linkedin.com/in/reminiscence
289-501-4026 | www.momentostudio.info

User 187934 Photo


Senior Advisor
20,271 posts

<iframe height="355" style="border:none; background:transparent; overflow:hidden; width:100%;" src="http://form.jotform.ca/form/51694434448261" id="JotFormIFrame"></iframe>
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 2590668 Photo


Registered User
40 posts

Including your suggestions scroll bars still show in IE but not in chrome
http://www.momentostudios.ca/momentonew … aug-b.html

Original script source: (2014)
below javascript worked for me in FF,chrome and IE

var el = document.getElementById("iframeid")
el.scrolling = "no"; //FF & Chrome
el.contentWindow.document.documentElement.style.overflow="hidden"; //IE
without above script scroll bars show in Chrome
James Kershaw |Reminiscence Facilitator
jim@momentostudio.info | http://ca.linkedin.com/in/reminiscence
289-501-4026 | www.momentostudio.info

User 187934 Photo


Senior Advisor
20,271 posts

Increase your iframe height to 369 to remove the vertical scroll.
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 187934 Photo


Senior Advisor
20,271 posts

It looks like your .col-md-8 has some styling reducing the width so there's not enough room for the content of the iframe.
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 2590668 Photo


Registered User
40 posts

http://www.momentostudios.ca/momentonew … aug-b.html
Attachments:
James Kershaw |Reminiscence Facilitator
jim@momentostudio.info | http://ca.linkedin.com/in/reminiscence
289-501-4026 | www.momentostudio.info

User 187934 Photo


Senior Advisor
20,271 posts

Where did your page originally come from? Template or some kind of csm?
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 2590668 Photo


Registered User
40 posts

It's a HTML Light Template from MOJO

I really think it's the CC form competition that should be responsible for this and I'm not a programmer
Most people probably can live with one validation error per page; especially when it's scrolling="no"
James Kershaw |Reminiscence Facilitator
jim@momentostudio.info | http://ca.linkedin.com/in/reminiscence
289-501-4026 | www.momentostudio.info

User 187934 Photo


Senior Advisor
20,271 posts

You must have figured out the issue as the scroll bars are gone in IE.;)
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

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.