jgrunschel Posted April 16, 2009 Share Posted April 16, 2009 Nearly everyone knows how to use a web viewer to display a map of an address; especially when the option is built right into the web viewer. (At least in FM10.) Recently, I found a trick to put custom HTML code into the web viewer's url, to dynamically handle your solution's content. (See here and here.) Basically, I'm using the web viewer to handle an embedded google map using the address fields of the specific record. (The embedded map shows just the map and not all of the other "clutter" that maps.google.com gives you.) I'm allowing the user to be able to interact with the web viewer so that they can move the map around and zoom out and such. However, when I do this, the web viewer automatically shows a vertical scroll bar, regardless of the length of the content. I've attached a file demonstrating what I mean. There are three web viewers. The largest one uses the embedded map, and shows the scroll bar. The next largest is set up as a merge field. (I know that FM has built-in merge field capabilities. I just needed a quick web page with a short amount of content to test the scroll bar issue.) Lastly, the smallest web viewer is a copy of the other "merge field" web viewer, but I did not allow user interaction. So, my question is how do I hide the scroll bar to the web viewer, when I am using custom HTML code? Thanks! WebViewer.zip Link to comment Share on other sites More sharing options...
Raybaudi Posted April 18, 2009 Share Posted April 18, 2009 So, my question is how do I hide the scroll bar to the web viewer, when I am using custom HTML code? I think that I solved your problem :o GoogleMaps.zip Link to comment Share on other sites More sharing options...
jgrunschel Posted April 20, 2009 Author Share Posted April 20, 2009 Cool. It's not exactly what I was looking for, but it will work. Thanks! :thumbup: Link to comment Share on other sites More sharing options...
Raybaudi Posted April 20, 2009 Share Posted April 20, 2009 It's not exactly what I was looking for... What I didn't understand ? Link to comment Share on other sites More sharing options...
jgrunschel Posted April 20, 2009 Author Share Posted April 20, 2009 Well, you're not actually hiding the scroll bar. It's still there, but the colors are set to blend with the background. The scroll bars (at least for me) take up roughly 18 pixels. So, blending them with the background gives an 18 pixel border on the right and bottom of the web viewer. Like I said, it's not exactly what I was looking for, but I can make it work. Link to comment Share on other sites More sharing options...
Raybaudi Posted April 20, 2009 Share Posted April 20, 2009 Try this: Link to comment Share on other sites More sharing options...
jgrunschel Posted April 20, 2009 Author Share Posted April 20, 2009 Awesome! That is exactly what I was looking for! I guess I should learn more about CSS. Anyway, thanks a bunch! :yourock: Link to comment Share on other sites More sharing options...
Newbies indiguy Posted July 29, 2016 Newbies Share Posted July 29, 2016 where is Try this ? its hidden .. Link to comment Share on other sites More sharing options...
Lee Smith Posted July 29, 2016 Share Posted July 29, 2016 Where is What? The css? Link to comment Share on other sites More sharing options...
Newbies indiguy Posted July 29, 2016 Newbies Share Posted July 29, 2016 yeah, Raybaudi replied Try this, and i can not see what is try this .. well i am showing one welcome message on my login screen using web viewer as a marquee the code is "data:text/html, <html> <head> <style type=text/css> html, body { margin: 0; padding: 0} </style> </head> <body> <marquee direction=left scrolldelay=26 scrollamount=3 behavior=scroll loop=0 style=position:absolute; id=Marquee1 onmouseover=this.stop() onmouseout=this.start()><span style=color:#4682B4;font-family:Arial;font-size:21px;><strong>- DEMO<span style=color:#DD2067;font-family:Arial;font-size:21px;><strong> -DEMO TEXT- </strong></span><span style=color:#000000;font-family:Arial;font-size:21px;><strong> </strong></span></marquee> </body> </html>" working purfectly, just i am getting scroll bar..someone said on forum adding {overflow:Hidden} to css will solve the problem, dont know where to add that.. please help.. Thanks in advance.. it's solved "data:text/html,<html><head><style type=text/css>html, body {overflow:hidden} { margin: 0; padding: 0}</style></head><body><marquee direction=left scrolldelay=26 scrollamount=3 behavior=scroll loop=0 style=position:absolute; id=Marquee1 onmouseover=this.stop() onmouseout=this.start()><span style=color:#4682B4;font-family:Arial;font-size:21px;><strong>- DEMO<span style=color:#DD2067;font-family:Arial;font-size:21px;><strong> -DEMO TEXT- </strong></span><span style=color:#000000;font-family:Arial;font-size:21px;><strong> </strong></span></marquee></body></html>" Thanks for Prompt Reply.. Lee Smith Link to comment Share on other sites More sharing options...
webko Posted July 31, 2016 Share Posted July 31, 2016 Your CSS declaration isn't correct. <style type=text/css> html, body { margin: 0; padding: 0; overflow: hidden } </style> Not that I know if that will work, and the marquee will only work on Windows (it's an Internet Explorer only HTML from memory ) Link to comment Share on other sites More sharing options...
Lee Smith Posted August 1, 2016 Share Posted August 1, 2016 Hi webko, I opened Danielle’s example file the day this thread Indiguy asked his question. It opened right up without scroll bars. Link to comment Share on other sites More sharing options...
webko Posted August 1, 2016 Share Posted August 1, 2016 True (although they're hidden, rather than removed - put a line around the web viewer to see that) However, what indiguy is saying is that the post from 19 April, 2009 has a link, but the followup post from 21 April, 2009 with the text "Try This:" has no link... And my post was merely making the CSS snippet from indiguy syntactically correct. Link to comment Share on other sites More sharing options...
Lee Smith Posted August 1, 2016 Share Posted August 1, 2016 Hi webko, I don’t see any other link other then the OP file, which BTW seems pretty much the same as Daniele's If there is more to this thread, or a missing link, then indiguy needs to point at it. p.s. I fixed my typo of your handle, sorry about that. Lee Link to comment Share on other sites More sharing options...
webko Posted August 1, 2016 Share Posted August 1, 2016 3 hours ago, Lee Smith said: I don’t see any other link other then the OP file, That's the point - the Raybaudi post from 21 April 2009 says Try this, with no link or any other text... Link to comment Share on other sites More sharing options...
Lee Smith Posted August 1, 2016 Share Posted August 1, 2016 There was no link, only this code <STYLE TYPE='text/css'> <!-- body {overflow: hidden}; --> </STYLE> Lee Link to comment Share on other sites More sharing options...
Recommended Posts
This topic is 2823 days old. Please don't post here. Open a new topic instead.
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now