React JS Library on Quickbase Dashboard

  • 0
  • 1
  • Question
  • Updated 10 months ago
  • In Progress
Hey,

I am trying to create a Quickbase Html page with react library. 

I was wondering if there is any guidelines , or is it currently possible. 

I know I can leverage existing library loaded into but i am not sure if i can use these following library. 

https://cdnjs.cloudflare.com/ajax/libs/react/15.5.4/react.min.js
https://cdnjs.cloudflare.com/ajax/libs/react-router-dom/4.1.1/react-router-dom.min.js
https://cdnjs.cloudflare.com/ajax/libs/babel-core/6.1.19/browser.min.js

If not , is it possible to host a webpage into the dashboard.

Thanks,

Arun
Photo of Arun

Arun

  • 20 Points

Posted 1 year ago

  • 0
  • 1
Photo of Matthew Neil

Matthew Neil

  • 31,438 Points 20k badge 2x thumb
You can do all of the above.

There are widgets for web pages to add to dashboards.

Or you can make the code page be the home page for landing. 

Once to get into the coding its all possible.
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 26,572 Points 20k badge 2x thumb
Build your page using a code page pulling in any libraries from the CDN you need. Your code page named mypage.html will have a two different URLs similar to these:

https://SUBDOMAIN.quickbase.com/db/DBID?a=dbpage&pageID=4

https://SUBDOMAIN.quickbase.com/db/DBID?a=dbpage&pagename=mypage.html

Then on your dashboard create a Web Page Widget and configure it to use one of the above URLs. I almost always use the second form of the URL so I know what the page is named.

QuickBase will place your code page mypage.html inside an <iframe> on the dashboard. Note that if there are hyperlinks in your code page you will have to target them to parent as they will otherwise open within the <iframe>.
Photo of David Maskasky

David Maskasky

  • 160 Points 100 badge 2x thumb
I know it's late, but this might be what you're looking for:
https://community.quickbase.com/quickbase/topics/react-js-in-quick-base