Responsive Report on website
Hello, We have multiple reports pushing to our website from QuickBase i.e. Empowerla.org/anc. Our website is responsive, however the reports are not. They get cut off on mobile devices. Is there...
Forum Discussion
The API method API_GenResultsTable generates HTML that has minimal inline styling attributes and is intended to be used with a short <style> element (which you are not using). See the docs:
https://help.quickbase.com/api-guide/index.html#gen_results_table.html#TOC_Embedding_a_QuickBase
As a result you are substantially not setting the style of the report nor are you getting the responsive behavior you have in other parts of your Wordpress web site.
When I poke around your website I see this Neighborhood Council table which is displaying non-QuickBase data which I assume was intended to display in a responsive manner (I am not sure I would agree that this is responsive):
http://empowerla.org/councils/
I note that this <table> is wrapped in a <div> with a class which I would assume is the mechanism that was intended to make this table responsive:
So perhaps you need to wrap the table generated through using API_GenResultsTable in a similar <div> with an appropriate class. I think this is the place to investigate but I have to hedge a bit because I don't really think you site is what I would call 100% responsive.
https://help.quickbase.com/api-guide/index.html#gen_results_table.html#TOC_Embedding_a_QuickBase
As a result you are substantially not setting the style of the report nor are you getting the responsive behavior you have in other parts of your Wordpress web site.
When I poke around your website I see this Neighborhood Council table which is displaying non-QuickBase data which I assume was intended to display in a responsive manner (I am not sure I would agree that this is responsive):
http://empowerla.org/councils/
I note that this <table> is wrapped in a <div> with a class which I would assume is the mechanism that was intended to make this table responsive:
<div class="fusion-table table-1">
<table width="100%">
...
</table
</div>
So perhaps you need to wrap the table generated through using API_GenResultsTable in a similar <div> with an appropriate class. I think this is the place to investigate but I have to hedge a bit because I don't really think you site is what I would call 100% responsive.