Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by rush360

  1. https://howto.caspio.com/tech-tips-and-articles/advanced-customizations/create-a-lightbox-view-for-images/ Hello, I spoke with Caspio support about creating an image gallery for a record with (up to) 4 images files. They mentioned that the above customization works for a record with one image file. I hope to create a Lightbox Gallery in a List datapage type report. Ideally the four pictures would be in a row below the content (see screenshot) and then when a user clicks on one of the photos, it opens a lightbox gallery where they could view all the photos from the record. Best, Ryan
  2. I have hidden 4 calculated fields with the below code for a responsive datapage. The columns are successfully hidden but I also have an aggregation to achieve a total. In the screenshot below, the aggregation is no longer aligned with the column. How can the code be modified to include the aggregation? Header <style> #target table:nth-of-type(1) td:nth-of-type(6) {display: none;} #target table:nth-of-type(1) th:nth-of-type(6) {display: none;} #target table:nth-of-type(1) td:nth-of-type(7) {display: none;} #target table:nth-of-type(1) th:nth-of-type(7) {display: none;} #target table:nth-of-type(1) td:nth-of-type(8) {display: none;} #target table:nth-of-type(1) th:nth-of-type(8) {display: none;} #target table:nth-of-type(1) td:nth-of-type(9) {display: none;} #target table:nth-of-type(1) th:nth-of-type(9) {display: none;} </style> </header> <div id="target"> <header> Footer </footer> </div> <footer>
  3. Hello... I have a similar question as the OP. When I use the below JS solution, the entire page reloads. I have multiple (6) datapages deployed on the same webpage and I only want 3 of them to be autorefreshed. AJAX loading is enabled so i am aware that when an action is taken in one of the datapages, the results will refresh in the others but I am looking for a solution independent of taking an action in one of the datapages. <script language="javascript"> setTimeout(function(){ window.location.reload(1); }, 30000); </script>
  4. Hi @geoffdude...thank you for the reply. Below is based on what you sent me....alas, on the record I am testing on has a value in the field 'Zip3' the block is still hidden by the following javascript: <script type="text/javascript"> document.addEventListener('DataPageReady', window.onload = function(){ var x = document.querySelector("#EditRecordZip3\\$Anchor").value; if (x == "") { document.getElementById("box1").style.display = 'none'; } else { document.getElementById("box1").style.display = 'block'; } }); </script> -- <style> #box1 {display:block}</style> <div id="box1" style="background:#eee;border:1px solid #ccc;padding:5px 10px;">[@field:Address3_Type]&nbsp;[@field:Verb3]<br /> [@field:Address3_Time@] [@field:Address3_Time*] <hr />Address:<br /> [@field:Address3]<br /> [@field:City3], [@field:State3]<br /> [@field:Country3], [@field:Zip3]</div> Any ideas where I've gone wrong? I also need to conditionally hide three other blocks with this javascript. I assume I need to create #box2, #box3, #box4 for each of the 3 other blocks I want to hide but am unsure of how to add the "boxes" to the script? Many thanks!
  5. I would like to Hide HTML block(s) when the value of one of the fields called in the HTML Block is blank. Below the HTML from one of the blocks. I would like to hide this block if the field Zip3 is blank: <div style="background:#eee;border:1px solid #ccc;padding:5px 10px;">[@field:Address3_Type]<br /> [@field:Address3_Time@]&nbsp;on [@field:Address3_Time*]</div> <div style="background:#eee;border:1px solid #ccc;padding:5px 10px;">Address:<br /> [@field:Address3]<br /> [@field:City3], [@field:State3]<br /> [@field:Country3], [@field:Zip3]</div> I also have 3 other similar HTML Blocks that would be hidden if fields Zip4, Zip5 & Zip6 are blank.
  • Create New...