Search the Community

Hi, I've got 3 result datapages. Each is a tab in an iframe container, that I've created using the Caspio embeddable tabbed interface code. 1) Does anyone know how I can reference and control the default tab? 2) How can I call / select a particular tab from outside the iframe? Thanks for any help!

Hi, I'm looking for opinions on the two methods Caspio suggests in 'Tech Tips' on how to create a tabbed interface. One is with a javascript, and the other is with nested iframes. js: http://howto.caspio.com/tech-tips-and-articles/advanced-customizations/create-tabbed-navigation-for-multiple-datapages/ iframe: http://howto.caspio.com/tech-tips-and-articles/advanced-customizations/create-embeddable-tabbed-interface/ Does anyone have a preference for one over the other? Thanks

Hi, I used the IFrame Embedded Tabbed Deployment instructions located on the Caspio Advanced customizations page. The iframe is working as designed but I'm having an issue with a report datapage included in the frame not refreshing. I have 4 Caspio datapages included in the frame. The first page 1-0 is a submission form that directs the user after submit to the second page 1-1 a tabular report. The second page 1-1 tabular report includes an Href link to a 3rd page 1-2 another submission form. The 3rd page 1-2 submission form directs the user back to 1-1 the tabular report w/href link in case the user needs to make additional requests. The 4th page 1-3 is a tubular report that displays all information submitted using the href link on the 3rd page 1-1 tabular report via the submission form on 1-2. My issue is the following: When I direct the 3rd page 1-2 after submit back to 1-1 with HREF link so that additional user requests can be made the Iframe does not update the report page 1-3. I have to manually refresh 1-3 to see the submission made on page 1-2. If I change the redirect of the 3rd page 1-2 after submit to the tabular report page 1-3 directly the report refreshes correctly in real-time without having to manually refresh. I'm trying to determine if a page has to actively be 'touched' in the iframe for updated table information to display without a manual refresh of the page. From a user perspective I'd like to make all my requests first (page 1-1/submission from 1-2) and then view the report (1-3) to confirm and check status. I don't think the user experience should be to view the report after every selection if other requests need to be made. As always I appreciate any feedback that can be provided. Thank you. Bre

Thanks in advance. This is a school/classroom application. I have a search result set for Students. On the result table, I have an HTML block with the following: <a href="https://b6.caspio.com/dp.asp?AppKey=7e4d30007043f4ce0dc44c099960&Student_ID=[@field:Students_Student_ID]">Edit in Tab</a> I then have a HTML Datapage. This datapage holds 3 tabs, including a separate Student EDIT datapage inside Tab 1. How do I get the Student ID passed from the search result above into the ID parameter needed inside Tab 1 for the student edit? Thx again, Matt

Hello, I am trying to use caspio tabs to show different datapages on each tab. I need to ability to limit what tabs are visible based on fields in a Authentication table. For example: I am using 3 tabs, Curriculum, Edit Curriculum, Manage curriculum categories. i have yes/no fields in the user table for all 3 tabs. So if a user does not have the fields "edit curriculum and Manage curr categories" as YES, then i want those 2 tabs to be hidden. I hope someone can help me with this. Thank you

<script type="text/javascript"> document.onkeydown = function () { sysend.broadcast(); }; var audio1 = document.getElementById("player"); window.addEventListener("keydown", playPauseKb, false); alert(audio1.id); //document.getElementById("audio1").onkeypress = function () { document.getElementById("audio1.id").onkeydown = function playPauseKb(event) { var x = event.keyCode; console.log(x); if (x == 113) { audio.currentTime -= 5;//F9 Rewined } else if (x == 114) { //event.data.$.preventDefault(); audio.currentTime += 5;//F11 forword } else if (x == 115) { if (audio.paused) { audio.play();//F10 paly/pause } else { audio.pause() } } sysend.broadcast(); }; </script> here I am getting id as alert but instead of displaying the id as alert I need to pass the id to multiple tabs and these multiple tabs are opened by the user dynamically to this dynamically opened mutiple tabs I need to pass the id in such a way that my extension works with keydown And when I am in that tab where I have audio this is my code <asp:TemplateField HeaderText="Play Audio File" ItemStyle-Width="200px" ItemStyle-HorizontalAlign="Center" > <ItemTemplate> <audio controls="controls" id="player"> <source src='<%# Eval("audio") %>' /> your browser does not support the audio element.</audio> </ItemTemplate> </asp:TemplateField> <script type = "text/javascript"> var audio = document.getElementById("player"); window.addEventListener("keydown", playPauseKb, false); function playPauseKb(event) { var x = event.keyCode; console.log(x); if (x == 120) { audio.currentTime -= 5;//F9 Rewined } else if (x == 122) { //event.data.$.preventDefault(); audio.currentTime += 5;//F11 forword } else if (x == 121) { if (audio.paused) { audio.play();//F10 paly/pause } else { audio.pause() } } } </script> which works with keydown but if user opens a new tab dynamically keydown is not working how can I control the audio with keydown from multiple tabs