# \#javascript

**URL:** https://the.fmsoup.org/tag/javascript/157.md

[Latest](https://the.fmsoup.org/latest.md) · [Categories](https://the.fmsoup.org/categories.md) · [Tags](https://the.fmsoup.org/tags.md)

---

## [Creating Custom Web Viewer Windows in FileMaker with MBS Plugin](https://the.fmsoup.org/t/creating-custom-web-viewer-windows-in-filemaker-with-mbs-plugin/5430)

<div class="topic-metadata">

**Author:** [@MonkeybreadSoftware](https://the.fmsoup.org/u/MonkeybreadSoftware)\
**Replies:** 0\
**Last updated:** [May 12, 2026, 6:24pm UTC](https://the.fmsoup.org/t/creating-custom-web-viewer-windows-in-filemaker-with-mbs-plugin/5430 "2026-05-12T18:24:14Z")

</div>

The MBS FileMaker Plugin expands FileMaker's capabilities significantly. One particularly powerful feature is WebView.CreateWindow, which allows you to create fully independent web viewer windows with advanced JavaScript…

---

## [Markdown Editor and Knowledge Graph Notes App](https://the.fmsoup.org/t/markdown-editor-and-knowledge-graph-notes-app/4797)

<div class="topic-metadata">

**Author:** [@greenflux](https://the.fmsoup.org/u/greenflux)\
**Replies:** 0\
**Last updated:** [April 6, 2025, 1:46pm UTC](https://the.fmsoup.org/t/markdown-editor-and-knowledge-graph-notes-app/4797 "2025-04-06T13:46:38Z")

</div>

Here's a guide on how to build a Markdown editor with code syntax highlighting, and a knowledge graph, like in Obsidian. I used Marked.js and Prism.js for the editor, and Vis.js for the network graph.

---

## [Useful pattern for getting JavaScript Results into FM Scripts](https://the.fmsoup.org/t/useful-pattern-for-getting-javascript-results-into-fm-scripts/1035)

<div class="topic-metadata">

**Author:** [@jwilling](https://the.fmsoup.org/u/jwilling)\
**Replies:** 9\
**Last updated:** [April 5, 2025, 12:06am UTC](https://the.fmsoup.org/t/useful-pattern-for-getting-javascript-results-into-fm-scripts/1035 "2025-04-05T00:06:10Z")

</div>

Here's a cool trick for running JavaScript functions from FileMaker scripts and retrieving the result. Create a FM script called Exit With Parameters that has just one line: Exit Script \[ Get ( ScriptParameter ) \] …

---

## [I built a code editor inside a web viewer](https://the.fmsoup.org/t/i-built-a-code-editor-inside-a-web-viewer/4302)

<div class="topic-metadata">

**Author:** [@greenflux](https://the.fmsoup.org/u/greenflux)\
**Replies:** 5\
**Last updated:** [February 2, 2025, 6:52pm UTC](https://the.fmsoup.org/t/i-built-a-code-editor-inside-a-web-viewer/4302 "2025-02-02T18:52:38Z")

</div>

Another fun weekend project, pushing the limits of lowcode! Today I made a code editor inside FileMaker Pro, to make it easier to develop web viewer integrations without leaving the FMP editor. Hope this helps others d…

---

## [BE\_EvaluateJavascript: SyntaxError: unterminated statement (line 10)](https://the.fmsoup.org/t/be-evaluatejavascript-syntaxerror-unterminated-statement-line-10/4439)

<div class="topic-metadata">

**Author:** [@morley](https://the.fmsoup.org/u/morley)\
**Replies:** 6\
**Last updated:** [November 12, 2024, 4:34pm UTC](https://the.fmsoup.org/t/be-evaluatejavascript-syntaxerror-unterminated-statement-line-10/4439 "2024-11-12T16:34:06Z")

</div>

I'm trying to run Javascript through the BE\_EvaluateJavascript function in FM18 to produce a registration code. My code cues the error 'SyntaxError: unterminated statement (line 10)'. I applied the following Substitute…

---

## [FileMaker Choropleth Map Using LeafletJS In a Web Viewer](https://the.fmsoup.org/t/filemaker-choropleth-map-using-leafletjs-in-a-web-viewer/4274)

<div class="topic-metadata">

**Author:** [@greenflux](https://the.fmsoup.org/u/greenflux)\
**Replies:** 0\
**Last updated:** [September 8, 2024, 4:02pm UTC](https://the.fmsoup.org/t/filemaker-choropleth-map-using-leafletjs-in-a-web-viewer/4274 "2024-09-08T16:02:17Z")

</div>

Hello FMSoup! And welcome, to our new board members! I'm back with another crazy FileMaker Experiment: A Choropleth map, using LeafletJS in a web viewer! You can download the demo app from my GitHub repo: …

---

## [Building a Mobile Responsive Grid Layout in FileMaker Pro](https://the.fmsoup.org/t/building-a-mobile-responsive-grid-layout-in-filemaker-pro/4239)

<div class="topic-metadata">

**Author:** [@greenflux](https://the.fmsoup.org/u/greenflux)\
**Replies:** 8\
**Last updated:** [August 28, 2024, 10:49am UTC](https://the.fmsoup.org/t/building-a-mobile-responsive-grid-layout-in-filemaker-pro/4239 "2024-08-28T10:49:06Z")

</div>

Hello FileMaker Devs! I just wanted to share a tutorial I wrote on how to build a mobile responsive grid with click events. The code should be pretty easy to edit and add your table data to the grid. You can copy t…

---

## [Transforming Execute Data API Script results](https://the.fmsoup.org/t/transforming-execute-data-api-script-results/3972)

<div class="topic-metadata">

**Author:** [@csmu](https://the.fmsoup.org/u/csmu)\
**Replies:** 5\
**Last updated:** [February 21, 2024, 2:49am UTC](https://the.fmsoup.org/t/transforming-execute-data-api-script-results/3972 "2024-02-21T02:49:34Z")

</div>

Does anyone have a method of removing fieldData, recordId, modId and flattening out the portal data returned from the Execute as Data API script?

---

## [Using PerformScript in a custom WebViewer in FileMaker](https://the.fmsoup.org/t/using-performscript-in-a-custom-webviewer-in-filemaker/3901)

<div class="topic-metadata">

**Author:** [@MonkeybreadSoftware](https://the.fmsoup.org/u/MonkeybreadSoftware)\
**Replies:** 0\
**Last updated:** [January 11, 2024, 6:19am UTC](https://the.fmsoup.org/t/using-performscript-in-a-custom-webviewer-in-filemaker/3901 "2024-01-11T06:19:16Z")

</div>

When you make a custom WebViewer with MBS FileMaker Plugin, you may miss the callbacks with FileMaker.PerformScript there. But we got a way to get them into our WebViewer, too. Let us explain: First we create a custom W…

---

## [How to send a Big JSON to a JS function in the WebViewer](https://the.fmsoup.org/t/how-to-send-a-big-json-to-a-js-function-in-the-webviewer/3895)

<div class="topic-metadata">

**Author:** [@MartinR](https://the.fmsoup.org/u/MartinR)\
**Replies:** 7\
**Last updated:** [January 8, 2024, 5:28pm UTC](https://the.fmsoup.org/t/how-to-send-a-big-json-to-a-js-function-in-the-webviewer/3895 "2024-01-08T17:28:20Z")

</div>

Hi guys! I wonder if there is a way to pass lot of data from FileMaker to a JS function in the WebViewer, as far as I know, the parameter in the script only accepts 1million characters or something like that... Cheers! …

---

## [Javascript: unterminated statement with long strings](https://the.fmsoup.org/t/javascript-unterminated-statement-with-long-strings/3596)

<div class="topic-metadata">

**Author:** [@Matteo](https://the.fmsoup.org/u/Matteo)\
**Replies:** 7\
**Last updated:** [June 3, 2023, 5:36am UTC](https://the.fmsoup.org/t/javascript-unterminated-statement-with-long-strings/3596 "2023-06-03T05:36:48Z")

</div>

Hello, today I was experimenting with the BaseElements plugin and its Javascript function and had the following issue: BE\_EvaluateJavaScript ( " var a = ' " & $String & " '; a ") works if the string is short, b…

---

## [Setting aDrop down list in a Webviewer form](https://the.fmsoup.org/t/setting-adrop-down-list-in-a-webviewer-form/3446)

<div class="topic-metadata">

**Author:** [@tled](https://the.fmsoup.org/u/tled)\
**Replies:** 4\
**Last updated:** [March 13, 2023, 6:27pm UTC](https://the.fmsoup.org/t/setting-adrop-down-list-in-a-webviewer-form/3446 "2023-03-13T18:27:08Z")

</div>

I’m trying to populate a drop down list on a web page. I have been able to get other type of fields to work but not drop downs. The others that work I used MBS Webviewer functions but couldn’t get them to work with dro…

---

## [Using JavaScript with WebKit on FileMaker Server on Linux](https://the.fmsoup.org/t/using-javascript-with-webkit-on-filemaker-server-on-linux/3424)

<div class="topic-metadata">

**Author:** [@MonkeybreadSoftware](https://the.fmsoup.org/u/MonkeybreadSoftware)\
**Replies:** 0\
**Last updated:** [March 6, 2023, 7:02am UTC](https://the.fmsoup.org/t/using-javascript-with-webkit-on-filemaker-server-on-linux/3424 "2023-03-06T07:02:01Z")

</div>

You may know our JavaScriptWebKit functions for macOS and iOS. But with the upcoming 13.1 release, you can use those functions on Windows and Linux, too. It's up to you to provide the library, so we go through this step …

---

## [Ts-dev-environment, react-ts-environment, react-environment, react-tailwind-js-environment](https://the.fmsoup.org/t/ts-dev-environment-react-ts-environment-react-environment-react-tailwind-js-environment/3398)

<div class="topic-metadata">

**Author:** [@samfmp](https://the.fmsoup.org/u/samfmp)\
**Replies:** 1\
**Last updated:** [February 22, 2023, 4:33pm UTC](https://the.fmsoup.org/t/ts-dev-environment-react-ts-environment-react-environment-react-tailwind-js-environment/3398 "2023-02-22T16:33:54Z")

</div>

Hi, I have created some templates based on js-dev-environment from integrating magic. If you are familiar with it. Feel free to use it. Typescript React/Typescript React React/Tailwind

---

## [Run JavaScript synchronously in a WebViewer](https://the.fmsoup.org/t/run-javascript-synchronously-in-a-webviewer/3276)

<div class="topic-metadata">

**Author:** [@MonkeybreadSoftware](https://the.fmsoup.org/u/MonkeybreadSoftware)\
**Replies:** 0\
**Last updated:** [December 20, 2022, 4:27pm UTC](https://the.fmsoup.org/t/run-javascript-synchronously-in-a-webviewer/3276 "2022-12-20T16:27:21Z")

</div>

Did you know, that you can run JavaScript in a WebViewer directly and get back the result right away? In FileMaker Pro, Claris Pro and your FileMaker iOS SDK based app, you can use WebView functions from MBS FileMaker P…

---

## [Adding Events to the Heat Map Add-on](https://the.fmsoup.org/t/adding-events-to-the-heat-map-add-on/3028)

<div class="topic-metadata">

**Author:** [@Malcolm](https://the.fmsoup.org/u/Malcolm)\
**Replies:** 2\
**Last updated:** [August 3, 2022, 8:27pm UTC](https://the.fmsoup.org/t/adding-events-to-the-heat-map-add-on/3028 "2022-08-03T20:27:57Z")

</div>

The heat map is almost great. What would be great is if the "empty date" indicators allowed you to open to that date in the configured FileMaker layout. The obfuscated and minified javascript is making it way too hard f…

---

## [\[FM Weetbicks\] Powerful Pivot Table Presetting](https://the.fmsoup.org/t/fm-weetbicks-powerful-pivot-table-presetting/2500)

<div class="topic-metadata">

**Author:** [@weetbicks](https://the.fmsoup.org/u/weetbicks)\
**Replies:** 0\
**Last updated:** [September 30, 2021, 9:14am UTC](https://the.fmsoup.org/t/fm-weetbicks-powerful-pivot-table-presetting/2500 "2021-09-30T09:14:30Z")

</div>

Hi all. I've written a new article at FileMaker Weetbicks entitled Powerful Pivot Table Presetting. In this article we take a look at pivot tables, their use, and their integration into FileMaker through using the Pivo…

---

## [Github is a Goldmine for FileMaker Developers](https://the.fmsoup.org/t/github-is-a-goldmine-for-filemaker-developers/2446)

<div class="topic-metadata">

**Author:** [@Malcolm](https://the.fmsoup.org/u/Malcolm)\
**Replies:** 0\
**Last updated:** [September 1, 2021, 2:13am UTC](https://the.fmsoup.org/t/github-is-a-goldmine-for-filemaker-developers/2446 "2021-09-01T02:13:10Z")

</div>

Github is a online code repository. For anyone who writes code - text files full of odd symbols - git is probably an everyday thing. Git is designed to handle text files. Unfortunately for us, FileMaker databases are bin…

---

## [\[FileMaker Weetbicks\] Prominent Color Coolness](https://the.fmsoup.org/t/filemaker-weetbicks-prominent-color-coolness/2414)

<div class="topic-metadata">

**Author:** [@weetbicks](https://the.fmsoup.org/u/weetbicks)\
**Replies:** 0\
**Last updated:** [August 18, 2021, 11:32am UTC](https://the.fmsoup.org/t/filemaker-weetbicks-prominent-color-coolness/2414 "2021-08-18T11:32:58Z")

</div>

After a 2 year hiatus FileMaker Weetbicks is back with a new article - Prominent Color Coolness! In this article we show you how to use the contents of a FileMaker container field to produce beautiful gradients and soli…

---

## [Sample File](https://the.fmsoup.org/t/sample-file/2348)

<div class="topic-metadata">

**Author:** [@JasonMark](https://the.fmsoup.org/u/JasonMark)\
**Replies:** 26\
**Last updated:** [July 25, 2021, 9:41pm UTC](https://the.fmsoup.org/t/sample-file/2348 "2021-07-25T21:41:09Z")

</div>

So Claris includes this screenshot of "what you can do with Claris" on their website. How do they do the "today" and Yesterday on the right? What do they use for Charts? The built in ones or HTML? Is there a way to downl…

---

## [FileMaker 19.3.1 Windows Web Viewer issue](https://the.fmsoup.org/t/filemaker-19-3-1-windows-web-viewer-issue/2244)

<div class="topic-metadata">

**Author:** [@villegld](https://the.fmsoup.org/u/villegld)\
**Replies:** 2\
**Last updated:** [June 25, 2021, 8:58am UTC](https://the.fmsoup.org/t/filemaker-19-3-1-windows-web-viewer-issue/2244 "2021-06-25T08:58:42Z")

</div>

FMP 19.3.1 upgraded web viewer to use Chromium based browser on web views. It will be more convenient because it brings all the new javascript and html standard features to FileMaker Web Viewer on Windows. I tried on on…

---

## [Development Scheduling Optimized with Web Viewer](https://the.fmsoup.org/t/development-scheduling-optimized-with-web-viewer/1972)

<div class="topic-metadata">

**Author:** [@HOnza](https://the.fmsoup.org/u/HOnza)\
**Replies:** 0\
**Last updated:** [March 27, 2021, 12:24pm UTC](https://the.fmsoup.org/t/development-scheduling-optimized-with-web-viewer/1972 "2021-03-27T12:24:19Z")

</div>

We use our own app called Collector to manage our software development projects. A few years ago my colleague Milan started feeling the need to schedule our development capacity more precisely. So we created a detailed p…

---

## [Some problem after using save a copy as add-on as package](https://the.fmsoup.org/t/some-problem-after-using-save-a-copy-as-add-on-as-package/1727)

<div class="topic-metadata">

**Author:** [@samfmp](https://the.fmsoup.org/u/samfmp)\
**Replies:** 3\
**Last updated:** [February 18, 2021, 2:09pm UTC](https://the.fmsoup.org/t/some-problem-after-using-save-a-copy-as-add-on-as-package/1727 "2021-02-18T14:09:58Z")

</div>

Hi, I have used the template from geist interactive to create a javascript-based add-on. I have created 2 of them. When I execute this step, I found that my add-on could not display on the Addon page. I could not put t…

---

## [Timeline Addon - text size?](https://the.fmsoup.org/t/timeline-addon-text-size/1604)

<div class="topic-metadata">

**Author:** [@JamesG](https://the.fmsoup.org/u/JamesG)\
**Replies:** 3\
**Last updated:** [January 17, 2021, 2:02pm UTC](https://the.fmsoup.org/t/timeline-addon-text-size/1604 "2021-01-17T14:02:18Z")

</div>

I've implemented the Timeline Addon, and it works great, but testing across multiple platforms, it would appear that the font size is different, depending on the client. In the screen shots attached, FMPv19 on macOS and …

---

## [At Claris Engage 2020 you could be at sessions and in the lobby at the same time](https://the.fmsoup.org/t/at-claris-engage-2020-you-could-be-at-sessions-and-in-the-lobby-at-the-same-time/1323)

<div class="topic-metadata">

**Author:** [@HOnza](https://the.fmsoup.org/u/HOnza)\
**Replies:** 0\
**Last updated:** [September 15, 2020, 4:49am UTC](https://the.fmsoup.org/t/at-claris-engage-2020-you-could-be-at-sessions-and-in-the-lobby-at-the-same-time/1323 "2020-09-15T04:49:31Z")

</div>

The first Claris Engage, a successor of FileMaker DevCons, was originally planned to take place in Nashville, Tennessee. The coronavirus pandemic has changed plans for most live events this year, and so Claris Engage tu…

---

## [Announcement: DIGFM JavaScript presentation this evening Pacific Time](https://the.fmsoup.org/t/announcement-digfm-javascript-presentation-this-evening-pacific-time/1311)

<div class="topic-metadata">

**Author:** [@steve\_ssh](https://the.fmsoup.org/u/steve_ssh)\
**Replies:** 8\
**Last updated:** [September 11, 2020, 11:50am UTC](https://the.fmsoup.org/t/announcement-digfm-javascript-presentation-this-evening-pacific-time/1311 "2020-09-11T11:50:16Z")

</div>

I received an announcement email, and wanted to share it here. I know that the last time @jeremyb mentioned doing a presentation, there was a lot of interest here at the Soup, and I wanted to make sure everyone here wou…

---

## [Filemaker and Javascript (OnMouseOver)](https://the.fmsoup.org/t/filemaker-and-javascript-onmouseover/1277)

<div class="topic-metadata">

**Author:** [@kevinD](https://the.fmsoup.org/u/kevinD)\
**Replies:** 13\
**Last updated:** [August 31, 2020, 12:28pm UTC](https://the.fmsoup.org/t/filemaker-and-javascript-onmouseover/1277 "2020-08-31T12:28:52Z")

</div>

Based on this tweet from Osamu Noda ,I tried duplicating it in windows 10 using FM 19 but it doesn't work. Attached is a similar file where I have a JS onmouseover event , the text turns red on mouseover but the filemak…

---

## [Want to learn JavaScript ? I did](https://the.fmsoup.org/t/want-to-learn-javascript-i-did/1183)

<div class="topic-metadata">

**Author:** [@planteg](https://the.fmsoup.org/u/planteg)\
**Replies:** 7\
**Last updated:** [July 28, 2020, 3:14pm UTC](https://the.fmsoup.org/t/want-to-learn-javascript-i-did/1183 "2020-07-28T15:14:47Z")

</div>

Hello all, as you know, whatever tool you use to develop applications, a WebViewer often makes it's way for some parts. And if you need interactivity in there, then it's a job for JavaScript. So I did take a course, J…

---

## [The challenge to choose which additional technology to learn](https://the.fmsoup.org/t/the-challenge-to-choose-which-additional-technology-to-learn/992)

<div class="topic-metadata">

**Author:** [@LVZ](https://the.fmsoup.org/u/LVZ)\
**Replies:** 27\
**Last updated:** [May 30, 2020, 2:27pm UTC](https://the.fmsoup.org/t/the-challenge-to-choose-which-additional-technology-to-learn/992 "2020-05-30T14:27:26Z")

</div>

I am new in JavaScript and would like some hints how to get started. If the examples would be textfiles I could better try them out. Louis

---

## [Script to automatically open all answers in community thread](https://the.fmsoup.org/t/script-to-automatically-open-all-answers-in-community-thread/960)

<div class="topic-metadata">

**Author:** [@jwilling](https://the.fmsoup.org/u/jwilling)\
**Replies:** 1\
**Last updated:** [May 24, 2020, 1:37pm UTC](https://the.fmsoup.org/t/script-to-automatically-open-all-answers-in-community-thread/960 "2020-05-24T13:37:48Z")

</div>

Here's a little JavaScript that will automatically expand all the answers on a community thread so you don't have to keep clicking "More Answers" (QUICK REMINDER: don't trust me, read the code before running) You can c…

[Next page](https://the.fmsoup.org/tag/javascript/157.md?match_all_tags=true&page=1&tags%5B%5D=javascript)
