Elderberg

https://howto.caspio.com/datapages/ajax-loading/ the above page speaks to the caspio supported addEventListeners, specifically: DataPageReady BeforeFormSubmit FormSubmitted but DataPageReady fires when the page loads but DOES NOT wait for calculated fields/scripts to be completed. How can I trigger code AFTER the calculated fields have completed their calculations?

anyone know if there's any solutions to this challenge since the original post?

Hi there, below code runs before the pop-up window loads and renders the field i'm trying to reference. I've tried to use DatapageReady event handler but this doesn't seem to work as I thought it would. alert(document.getElementById("BulkEditDelivery_Status").value); Is there a way to run javascript AFTER the pop-up window loads?

I have the below in the footer of a Pivot Report Drill down. The code runs once upon the first drill down, but when i return to the Pivot and drill down again into another area, the code executes twice, repeating again and it executes 3 time, then 4 times etc, etc. Looking for help on understanding why i'm observing this behaviour.. and how to prevent it. <script> document.addEventListener('DataPageReady', function(event) { alert("hello"); }); </script>

thanks

this was more of a javascript question I think. like using the Document.querySelector()

I'm not sure the technical reasons, but is this limit associated with a lower tier plan or across all plans? I'm curious if there is a cost to increase the limit as an add-on or if included in a higher tier plan

I have the below code inserted into an HTML Block. The first line creates a link and passess the parameters to the new page. However, it seems like caspio is not rendering the <form> and </form> and so clicking on the submit button it just refreshes the page. Does anyone have any experience with embedding a form inside html block like this? Ultimately i'm just trying to launch a new page and pass parameters securely. <a href="1045_Report.php?CMPID=[@field:CMP_ID2]&LID=[@field:Codename]&GBL=[@field:GroupByLabel]" target="_blank">RadioCheck</a> <form name="btn1" id="btn1" action="/1045_Report.php" method="post"> <input type="hidden"type="text" id="LID" name="LID" value="COUVA"><br> <input type="hidden" type="text" id="lname" name="lname" value="Doe"><br><br> <input type="submit" name="btn1" id="btn1"value="RadioCheck"> </form>

Is it possible to pass parameters more securely using POST instead of GET?

Hey thanks.. this is great!

Is it possible to reference a field from cb_pg1_virtual01 from cb_pg2? I essentially would like to pass a parameter from one datapage to another WITHOUT using a multi-step page.

I too would appreciate the ability to add HTML blocks and calculated fields to pivot tables. I went searching the forums for a solution, and came upon this post.

Just leaving this here ... <script> document.addEventListener('DataPageReady', function(event) { function hideControlsForPerson() { var table = typeof document.getElementsByClassName("cbResultSetTable" + event.detail.uniqueSuffix)[0] == "undefined" ? document.getElementsByClassName("cbResultSetTable")[0] : document.getElementsByClassName("cbResultSetTable" + event.detail.uniqueSuffix)[0]; // Find the index of the last column, which happens to be the inline edit/delete var total_num_columns = table.rows[0].cells.length; var controlsColumnIndex = total_num_columns - 1; //position of the column with inline edit/delete // Find the index position of the column by searching the column's label row = table.rows[0]; var i; var KeyColumnIndex; for (i = 0; i < total_num_columns; i++) { if (row.cells[i].textContent == 'Label_of_Target_Field') { KeyColumnIndex = i; i = total_num_columns; // this is essentially to exit the loop } } // Iterating through rows and hiding Content for (var i = 1, row; row = table.rows[i]; i++) { if (row.cells.length > KeyColumnIndex && row.cells[KeyColumnIndex].textContent !== '[@authfield:Name]') { row.cells[controlsColumnIndex].style = "display:none;" } } } hideControlsForPerson( ); }); </script> Note: " row.cells.length > KeyColumnIndex " was added to the if statement to protect against an uncaught TypeError that happens if using a date rollup or other field grouping.

Hi There, Would it be possible to update this to automatically find the Index for "nameColumnIndex" and "controlsColumnIndex" based on the name of those fields by counting until some condition is met? This would help when we add change the column positions later on so as not to break the code. Thanks in advance

Did some reading and testing.. my solution, isn't perfect, it just submits the last form on a page with multiple forms. Note that this counts ALL forms and not just forms with "caspioform" as the ID. var x = document.forms; x[x.length-1].submit();