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.

How can I incorporate an example from CodePen into a FileMaker Web Viewer?

Featured Replies

For example, this color picker has three elements (HTML, CSS, and JavaSript). How can copy the code from those three files and make it work inside of FileMaker?

 

Edited by HALBURN

Are you wanting your code to have colors that are different or are you wanting the user to have access?

If syntax then there was a video at iso magazine that may help you out. Link

Edited by Lee Smith

  • Author

The color picker was just random example from CodePen that I picked for the purpose of asking my question. I am trying to understand how to take three separate elements from CodePen (HTML, CSS, and JavaSript) and make them work in a FileMaker web viewer.

This is not really a Filemaker question, except perhaps the HTML part. You can point your web viewer to an HTML file (either served or local), or embed the HTML code in the web viewer itself, using the Data URI scheme.

An HTML file can point to an external CSS file (either served or local), or contain the necessary CSS code. The same thing applies to Javascript.

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.