Hi - I have created a time sheet entry tool using HTML and java script and am wondering, would it be possible to embed this on the main quick base site either on a form or a report. At the minute it is set up as another HTML page.Ideally all the functionality of the main site would remain with the HTML page showing within.Has anyone done anything like this or know if it is possible?Thanks in advance!Sean

Yes it is possible. The bleeding edge way to do this is with Web Components. Instead of embedding HTML you will import your HTML using the HTML Imports feature of Web Components. For browsers that don't support web components (http://caniuse.com/#search=web%20components) you use the polyfill webcomponents.js (formerly named platform.js). Check out the Component Kitchen: Component Kitchenhttp://component.kitchen/components I used to be the President of the image onload sector but I resigned that last year and I am now the President of the import onload sector. It is true - check my profile and contact me if you need help.

Thanks for this, I'll take a look and get back to you if I have any more questions.

Hi - I am currently going through the links you provided but I was wondering if you could provide an example of this in use with Quickbase? Even a simple example to aid in my understanding of this. Thanks.

I will eventually publish an example but I am still working through various options to make the usage of Web Components with QuickBase dead simple. QuickBase does not allow a <link> element in either (1) a text formula field with some HTML allowed or (2) a form text section so I am using a formulas such as the following to implement the HTML import: [import] & "import.html" & [/import]All the heavy details are hidden in the definition of the two user defined variables [import] and [/import] and once setup will not need to change. This is the same general technique as used with the image onload technique: [iol] & "module.js" & [/iol]Note the the imported file is a HTML file not a JavaScript file and that the contents are not blindly inserted into the DOM. It is a little complicated to explain but a HTML import can safely import HTML, JavaScript, CSS and other resources without interfering between the host page and the imported page.These are the most informative articles on understanding HTML Imports:Exploring HTML Importshttp://robdodson.me/exploring-html-imports/HTML Importshttp://www.html5rocks.com/en/tutorials/webcomponents/imports/

Thanks for this. I'll take a look and get back to you.

Embed Custom HTML | Qrew Discussions

20 Replies

_anomDiebolt_
Qrew Elite
9 years ago
Very quickly implemented, here is a demo a Subdatasheet (terminology from Access feature) where you can click on the +/- button and show/hide the related child records:

Subdatasheet ~ List All Report (click on +/- sign in first data column to show/hide child records)
https://haversineconsulting.quickbase.com/db/bmnf7nrvf?a=td

Pastie Databsase
https://haversineconsulting.quickbase.com/db/bgcwm2m4g?a=dr&rid=564

I have no idea what you HTML page does but your HTML can be inserted into the report using similar techniques using jQuery.

If you need individual assistance implementing this solution fee free to contact me off-world using the information in my profile:

https://getsatisfaction.com/people/dandiebolt
- BradElmore
  Qrew Assistant Captain
  8 years ago
  Dan,
  
  If I wanted to insert a report (qid) that I have already created (example List All = qid=1 instead of using a clist -- is this possible?
- ScottMarks
  Qrew Member
  7 years ago
  Howdy Dan,
  
  This is grave digging a little bit, but I had a slight issue implementing this.
  
  I utilize this in my company to show child records for an order- Basically a glance at the order w/o fully opening it. Works great without doing anything special.
  
  However, if I filter the orders table for a specific customer and then try to open the subtable to preview the order- no dice! I've tested it on your specific setup by utilizing the sidebar filters and came up with the same issue.
  
  Scott
MichaelGraham2
Qrew Assistant Captain
9 years ago
Would it be possible to use this "Embed Custom HTML" solution in an embedded report on a form which has its own child records?

I have it working on the main report, but when I embed that report on a form of another table, it doesn't work.
_anomDiebolt_
Qrew Elite
9 years ago
Yes it would be possible but the code would be slightly different, Basically you can do anything you want with script but it will certainly stop working at some time in the future as it relies on a random characteristics of the QuidkBase authored page - they will certainly change it over time.
- ChyanneEyde
  Qrew Trainee
  4 years ago
  For anyone interested in more opportunities to use HTML in apps - consider upvoting my request to QuickBase to allow for HTML in report descriptions: https://feedback.quickbase.com/app/#/case/141736?expires=1645443785&signature=52badc31ec79ec212b38&url=case%2F141736&user=18936067
  
  Right now reports can only be manually typed from report settings - it would be great for users and admin to allow for formatting of those descriptions (EX: bolding to emphasize some text) and, ideally, to allow an Admin to point to an HTML code page for report descriptions. I have many reports that are very similar, it would be great to be able to update their descriptions in one place.
  
  ------------------------------
  Chyanne
  ------------------------------

Forum Discussion

Embed Custom HTML

20 Replies

Related Content

Custom Record Titles

Embed hyperlink in Formula Rich Text field

custom email

Embed quickbase form on public web page

Posting from an HTML form directly to Quickbase