MarkMayhrai

Hello CopperBackpack, This worked perfectly—thank you so much! I also want to mention that you’ve been incredibly supportive with many of my requests.

Hi Support Community, I have a submission form that constantly autofills the email and password fields. I'm seeking advice on how to prevent this from happening, please. Thank you.

Hi everyone, I'm working on a web application where I need a multi-select listbox in a new submission form. The listbox should automatically populate with values from a database table when the form loads. Here's what I'm aiming to achieve: The listbox should be pre-filled with data fetched from a specified table in my database. Users should be able to select multiple items from this listbox. I've found that setting the field as type List: String allows for multi-select, but the values seem limited to what's available when the table is designed. I prefer having these values come dynamically from a table to accommodate changes. Any guidance or code snippets would be greatly appreciated! Thanks in advance for your help! Best regards, Mark Mayhrai

Hey there @Kronos, I'll give it a try. Many thanks!

Hi there @Volomeister, Everything is working smoothly with your advice! Thank you so much!

Hello @CoopperBackpack, Thank you for getting in touch. I'll work with it as is. Hopefully, this could be considered in the ideabox.

Hello @CoopperBackpack I want to express my deepest gratitude for this solution; flawless, it worked perfectly. Also, thank you for pointing out this article. Although I've seen it a few times before, it didn't really make much sense until now. I'll assimilate this knowledge for future endeavors. Many thanks, @CoopperBackpack

Hello Capio Community, I am reaching out regarding an issue I've encountered while working on a tabular datapage. Specifically, I am trying to insert a rich text field into the footer of my datapage, with the intention that the rich text content would be rendered as HTML, allowing for formatting such as bold and underline to display correctly. However, despite my efforts, I have encountered a problem where the rich text content is displaying as tags on the webpage, rather than rendering as desired. I have attached some screenshots for reference. Could someone please provide guidance or assistance on how to resolve this issue? I would greatly appreciate any help or insights that you can offer. Thank you in advance for your support. Best regards, Mark Mayhrai

Hello Community, I'm reaching out for some assistance with an authentication issue on my website. Currently, the authentication process occurs within a popup window, as shown in the attached image. However, I would like to explore the possibility of embedding the authentication directly within the parent page instead. This setup causes inconvenience for users and disrupts the seamless browsing experience. I believe that having the authentication process integrated within the parent page would offer a more user-friendly solution. Has anyone encountered a similar issue before? Could you provide guidance on how to modify the authentication setup to achieve this? Any help or suggestions would be greatly appreciated. Thank you in advance for your support!

Dear Caspio Support Team, I am reaching out to inquire about the configuration options for the Bootstrap modal window within Caspio. I have been working on implementing Bootstrap modal windows within my Caspio forms, and I've encountered a situation where I need to adjust the size of the modal window. Specifically, I would like to inquire if there is a way to make the Bootstrap modal window longer, or ideally, if it's possible to set a default width and height for the modal window. Currently, my implementation includes the following code in the header section of the parent page html <div class="modal fade" id="cb-modal" role="dialog" tabindex="-1"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="cb-modal-title">Modal title</h5> <button aria-label="Close" class="close" data-dismiss="modal" type="button"><span aria-hidden="true">&times;</span></button></div> <div class="modal-body"> <div class="cb-form-fluid cb-form-resp" id="cb-modal-body"></div> </div> </div> </div> </div> <script> var cbAccountId = "Removedforsecirty"; var cbAppKeyPrefix = "Removedforsecirty"; var cbDomain = 'https://' + cbAccountId + '.caspio.com'; var cbDataPagePrefix = cbDomain + "/dp/" + cbAppKeyPrefix; // function - deploy DP asynchronously function deployDP(containerID, appKey, params) { var params = params || ""; var dataPageScript = ""; var container = document.getElementById(containerID); container.innerHTML = ""; //for multiple DataPages const appKeys = appKey.split(','); for (i = 0; i < appKeys.length; i++) { dataPageScript=document.createElement("script"); dataPageScript.src = cbDataPagePrefix + appKeys[i].trim() + "/emb" + params; container.appendChild(dataPageScript); } } // function - deploy DP in modal function openModal(modalTitle, appKey, params, size) { $("#cb-modal-body").html(""); if (size) { $("#cb-modal .modal-dialog") .removeClass("modal-sm modal-md modal-lg modal-xl") .addClass(size); } deployDP("cb-modal-body", appKey, params); $("#cb-modal-title").html(modalTitle); $("#cb-modal").modal({ backdrop: "static", keyboard: false, }); } </script> And for the button triggering the modal, here's the code snippet: html <a class="text-white mt-3 mb-4" onclick="openModal('Audit Log - Token#[@field:UniqueTranTag] : [@field:Credit$]', 'cf60851e41dc4e76b57b', '?UniqueTranTag=[@field:UniqueTranTag]&amp;cid=[@field:CompanyID#]&amp;BANKCID=[@field:BankCompanyID]&amp;BC=[@field:BankCurrency]','modal-xl','w-100 p-3')" onmouseout="this.style.color='#00f'; this.style.textDecoration='none';" onmouseover="this.style.color='#00008B'; this.style.textDecoration='underline';" style="color: #00f; text-decoration: none;"><i class="fas fa-plus"></i>[@field:RefundedAmount$]</a> code here v--> Could you please provide guidance or documentation on how to achieve this? Any information or best practices you can share regarding the customization of the Bootstrap modal window within the Caspio platform would be greatly appreciated. Thank you very much for your assistance. I look forward to your prompt response and guidance on this matter. Best regards, Mark Mayhrai

Hi there Support Community, I'm currently working on an edit page where I have implemented a calculated cascading dropdown displaying a selection of pricing options. However, I'm encountering some issues with three fields that have been set as calculated values. Specifically, I want these fields to display their related lookup values from the pricing table upon selection from the cascading dropdown. However, when no selection is made, a calculation error is displayed. I would like to have these fields display a value of 0 instead. Could someone please provide guidance or assistance on how to achieve this functionality? Thanks in advance!

Hi Volmeister, Responsiveness is disabled, and the below is the code placed in the Results Page. --- This is the code in the Header --- <style> .DropBox .Option { font-size: 20px; padding-bottom: 5px; } </style> <style> #target table:nth-of-type(1) td:nth-of-type(17) {display: none;} #target table:nth-of-type(1) th:nth-of-type(17) {display: none;} </style> <div id="target"> ---Code in the footer--- </div> <script > document.addEventListener('DataPageReady', function(event) { const statusField= document.querySelectorAll('td:nth-child(7)'); // '5' is field number for which styles have to be applied element.style.cssText = 'background: #df4d55;color: #ffffff'; statusField.forEach(element => { if (element.innerHTML === '1') { element.style.cssText = 'background: #df4d55;color: #ffffff'; } else if (element.innerHTML === '2') { element.style.cssText = 'background: #fcc200;color: #ffffff'; } else if (element.innerHTML === '3') { element.style.cssText = 'background: #96ded1;color: #000000'; } else if (element.innerHTML === '4') { element.style.cssText = 'background: #20b2aa;color: #000000'; } else if (element.innerHTML === 'NA') { element.style.cssText = 'background: #e6e6e6;color: #000000'; } }); }); </script>

x Hi VoloMeister. Worked perfectly; thank you very much! Warm regards, Mark Mayhrai

Hi Community, I'm reaching out today because I'm in need of some assistance with repositioning the aggregate total on a tabular page. I've attached a picture below to illustrate the current positioning and where I'd prefer it to be located. Your expertise and guidance on achieving this adjustment would be greatly appreciated. Thank you in advance for your support and insights! Best regards, Mark Mayhrai