Jump to content
View in the app

A better way to browse. Learn more.

FMForums.com

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Removing Embossed Border on Web Viewer?

Featured Replies

  • Newbies

Maybe this is a little OCD, but do you know of any way to remove the Embossed Border when looking at a web viewer in FileMaker? I'm running Windows XP (haven't taken a look on a Mac yet).

I tried adding the following to my header, but I'm guessing this is a FileMaker thing, and not a page formatting thing:

body {overflow:hidden};

body {margin:0;padding:0;}

I do a lot with GUI and would like to more seamlessly integrate the web viewer into my layouts.

Thanks for the help! :

http://fmforums.com/forum/showtopic.php?tid/199632/post/311366#311366

  • Author
  • Newbies

Wohoo! Thanks a lot :laugh2:

Worked for me to add

  • 3 years later...
  • Newbies

The link to this solution seems to be a dead end, and I'd LOVE to hear the answer to this one. Thanks!

The link to this solution seems to be a dead end, and I'd LOVE to hear the answer to this one. Thanks!

 

Try to put this code into a Web Viewer with border line set to "none"

 

"data:text/html,
<body style='border=0;margin=0;overflow:hidden'>
this is a Web Viewer w/o embossed border

</body>"

  • 1 year later...

I would just like to say that the tricks presented in this thread DO NO WORK in the case where you are trying to display an external page, such as a directory listing, inside a Web Viewer (at least, not in FMP Advanced 11 when using IWP).  For example, the code I am using inside my own Web Viewer is this:

"data:text/html,
<html>
<body style='border=0;margin=0;overflow:hidden'>
<div>
<object type='text/html' data='http://www.yourURLhere.com/' width='100%' height='100%' style='overflow:hidden;border:none'></object>
</div>
</body>
</html>"

The result in-browser is that a 2px thick line appears at the TOP and the LEFT SIDE of the page being linked to inside the Web Viewer.  There is also a very subtle color difference on the right side, almost like it is a faintly visible while line of 5px width.  

No, I am not using "emboss" or any of those other settings either.

I am posting this information because if anyone among you happens to know another magic trick that truly eliminates the borders entirely (jQuery, JS -- you name it), I'm all ears!

Best wishes.

Hi James,

Please update your profile to reflect your FileMaker version, OS and platform.

 

TIA

Lee

Please update your profile to reflect your FileMaker version, OS and platform.

Done.

Thank you.

Hi James,

Remember also that many times these older threads were based upon prior versions of FileMaker so what worked then may not work now.  It's something which happens to us all the time.  Either that or a new feature in a latest release can provide a better solution than an older one we posted.

I'm not saying that is the case here - and unfortunately I don't have the time to review it (and it probably ISN'T the case since you are v11) but nonetheless, it happens.  I will put it on my 'must solve' list.  Thank you for sharing your discoveries with everyone - we really appreciate it.  :-)

Create an account or sign in to comment

Important Information

By using this site, you agree to our Terms of Use.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.