Jump to content


  • Content Count

  • Joined

  • Last visited

  • Days Won


Everything posted by thirdcharm

  1. Hi JEllington, Please try the following scripts below and this also works on asynchronous deployments: In the Header of your DataPage: <div id="elmName">Original Text</div> In the Footer of your DataPage: <script> document.getElementById("elmName").innerHTML = "Text changed!"; </script> Then click "Preview" to check. Note: Please make sure you only have one id of elmName declared in your page. Let me know if this helps.
  2. Hi Rmohanr, If you want to hide the text from the header bar, you can try this: From MayMusic's answer, replace with: #target table:nth-of-type(2) th:nth-of-type(3) { /* Hide the text. */ text-indent: 100%; white-space: nowrap; overflow: hidden; } or for sticky headers: #target table:nth-of-type(2) th:nth-of-type(5) { /* Hide the text. */ text-indent: 100%; white-space: nowrap; overflow: hidden; } I hope this will help you.
  3. Hi michaelalanherrera, 1. Go to your DataPage > create Header/Footer. In the header, click "Source" and insert this code: <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> Reference to Roboto font: https://fonts.google.com/specimen/Roboto?selection.family=Roboto 2. Go to your Styles, use and add the following CSS rules to specify these families: font-family: 'Roboto', sans-serif; Let me know if this helped you.
  4. Hi DesiLogi, Place this code in a HTML Block <div id="section1">Print AUS Version</div> Create Header/Footer then place this code in the Footer <script> window.onload = function(){ var v_virt = document.getElementById('cbParamVirtual13').value; if(v_virt=="Australia") { document.getElementById('section1').style.display = "block"; } else { document.getElementById('section1').style.display = "none"; } } </script>
  5. Hi NikkiC, You need the escape the string inside your "Click to invite again" script by replacing using this code: document.write('<a href=\'#\' onclick=\'invitepopup()\' title=\'Click to invite again\'>Invited by [@field:OriginUserName]</a>');
  6. Hi Michael B, It is not a feature of Caspio hosting videos and accessing the file with in the DataPage will definitely incur data transfer. When you exceed your data transfer, there will be charged. An option, it is best to host your videos in a video platform like Youtube and save the links into your table. In your reports DataPage's results page, you can show a link and when the user clicked the link a pop-up window will show the embedded video. I found this related article online which might be useful for you if you decided to use youtube: https://developers.google.com/youtu
  7. Hi Jonagold, This can be done with CSS and JavaScript and I found a solution related to your issue, please see link: https://codepen.io/epidemiks/pen/MpPGgW This prints HTML along with the iFrame. I hope this helps you with your issue.
  8. Hi Geoffdude, For the Best Hamburger total, you may use aggregation in reports DataPages. To know more about it, see how-to article: https://howto.caspio.com/datapages/reports/advanced-reporting/totals-and-aggregations/ For the Pie Chart, go to Chart Wizard - Configure Chart Options and set the value label to Both under Display options.
  9. Hi NeoInJS, In your details page, let's say you have the following fields: Textbox1 Set as form element: Hidden Virtual1 Set as form element: Checkbox Virtual2 Go to Advanced > External Associations and Defaults > Set On load to receive value or parameter: Data Source Fields | Textbox1 Rules |---------------------|----------------------| | CRITERIA | ACTIONS | |---------------------|----------------------| | Virtual1 is checked | Make Virtual2 hidden | |---------------------|----------------------
  10. Hi Corey, You can try doing Map Mashup, here's the link to the how-to article: https://howto.caspio.com/integration/map-mashup/map-mashup-guide/ Also, try using coordinates for latitude and longitude. Let me know your results after you tried this.
  11. Hi roattw, You can check the article: https://howto.caspio.com/tech-tips-and-articles/common-customizations/hiding-multiple-login-forms/ 1. For step 6 in the howto article, add the following code after "</div>" inside your Authentication's footer. <script> hideAuth(); </script> 2. For step 7 in the howto article, follow the same steps but use the updated script below. <script> function hideAuth(){ if(document.getElementsByName("cb-auth-box")){ var v_box = document.getElementsByName("cb-auth-box").length ; for (i=1; i < v_box; i++) { do
  • Create New...