Embed a Web Page in a Form
We are auditing data that is on the internet. Our records contain data that is available on websites we subscribe to. The data is provided to us and we are to compare it to the data that is on the w...
Forum Discussion
> Is there a way to make this work with a Formula Rich Text Field?
Yes you can do this with one Formula Rich Text Field with no additional setup other than having a field for the [URL]. Live Demo here:
Web on Tab ~ Display Record 1
https://haversineconsulting.quickbase.com/db/bpbzpm7w6?a=dr&rid=101
Pastie Database
https://haversineconsulting.quickbase.com/db/bgcwm2m4g?a=dr&rid=719
Notes:
(1) The URL must use the https protocol.
(2) Some domains do not allow you to place their URLs within <iframe>s because they set a response header that requires the <iframe>'s src URL to have the same origin as the page hosting the <iframe>:
This happens for https://google.com for instance:
https://haversineconsulting.quickbase.com/db/bpbzpm7w6?a=dr&rid=102
(3) The Rich Text Formula field [Web] has the following formula (which uses the 3Q&S Technique):
(4) [Web] should be configured to that it does not show up on reports and is not searchable:
Yes you can do this with one Formula Rich Text Field with no additional setup other than having a field for the [URL]. Live Demo here:
Web on Tab ~ Display Record 1
https://haversineconsulting.quickbase.com/db/bpbzpm7w6?a=dr&rid=101
Pastie Database
https://haversineconsulting.quickbase.com/db/bgcwm2m4g?a=dr&rid=719
Notes:
(1) The URL must use the https protocol.
(2) Some domains do not allow you to place their URLs within <iframe>s because they set a response header that requires the <iframe>'s src URL to have the same origin as the page hosting the <iframe>:
This happens for https://google.com for instance:
https://haversineconsulting.quickbase.com/db/bpbzpm7w6?a=dr&rid=102
(3) The Rich Text Formula field [Web] has the following formula (which uses the 3Q&S Technique):
"<img data-url='" & [URL] & "'" &
" src onerror='
(async () => {
var url = this.dataset.url;
this.outerHTML = '<iframe src=${url} width=800px height=600px></iframe>';
})();
'>"
(4) [Web] should be configured to that it does not show up on reports and is not searchable:
I get a blank gray window displaying when trying this.
Here is my code in a Rich Text field:
"<img data-url='" & [GCs Form URL] & "'" &
" src onerror='\n(async () => {\n var url = this.dataset.url;\n this.outerHTML = '<iframe src=${url} width=800px height=600px></iframe>';\n})();\n'>"
[GCs Form URL] is a URL formula type field and I've tested the link and it works. Any help?
------------------------------
Mackenzie Phillips
------------------------------
Here is my code in a Rich Text field:
"<img data-url='" & [GCs Form URL] & "'" &
" src onerror='\n(async () => {\n var url = this.dataset.url;\n this.outerHTML = '<iframe src=${url} width=800px height=600px></iframe>';\n})();\n'>"
[GCs Form URL] is a URL formula type field and I've tested the link and it works. Any help?
------------------------------
Mackenzie Phillips
------------------------------
- MarkShnier__You
Qrew Legend
Is your website HTTPS or HTTP. Only HTTPS has a chance of working.
------------------------------
Mark Shnier (YQC)
Quick Base Solution Provider
Your Quick Base Coach
http://QuickBaseCoach.com
mark.shnier@gmail.com
------------------------------- It is https
------------------------------
Mackenzie Phillips
------------------------------- MarkShnier__YouI suggest that you switch gears and change your method.
I suggest that you download the app from the exchange called Magic Buttons. In that app Kirk Trachy has clear examples of how to embed web pages on a form and he even has an a sample of embedding a YouTube video on a form.
Please post back to this thread if you have any problems with that method or also post back once you get it working.
------------------------------
Mark Shnier (YQC)
Quick Base Solution Provider
Your Quick Base Coach
http://QuickBaseCoach.com
mark.shnier@gmail.com
------------------------------
