Jump to content

ezIQchad

Caspio Guru
  • Content Count

    238
  • Joined

  • Last visited

  • Days Won

    32

ezIQchad last won the day on February 2 2017

ezIQchad had the most liked content!

About ezIQchad

  • Rank
    Advanced Member

Recent Profile Visitors

2,181 profile views
  1. I Chad.

    Are you still using Tinymce  Rich Text editor.  If so, is it complicated to set up?

    Thank you

     

    Manon

     

     

  2. Unsure, but I wonder if the authenticated DataPage has not had a chance to load yet so the test will always fail as it runs too early. Try an iframe deployment and run the check onload. <iframe name="dp_name" title="dp_name" src="https://123.caspio.com/dp/123">Sorry, but your browser does not support frames.</iframe> <script> var loggedInTestIfr = document.getElementsByName('dp_name')[0]; loggedInTestIfr.onload = function(){ checkLoggedIn(); }; function checkLoggedIn(){ var myTestElem = document.getElementById('loggedInTestDiv'); if (myTestElem == n
  3. Hi,

    I am trying to create a Caspio submission form with multiple signature fields - all of which send the signature images to my table.

    I have tried the multiple signature code on the forum and it doesn't work - it is probably my understanding.

    Here is the code i have used:

    Header code:

    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="[@app:SignaturePad/]"></script>
    <div id="cb_sign_wrapper">

    Signature Fields (Hidden):

    Safety_comm_attendee_1_sig

    Safety_comm_attendee_2_sig

    etc

    HTML Block Code:

    <div class="sigPad">
        <div class="sig sigWrapper">
            <canvas class="pad" width="218" height="55" style="margin: 0px 0px 0px 100px;  border-style: solid; border-width: 1px; border-color: #bbbbbb #dbdfe6 #e3e9ef #e2e3ea; -webkit-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #FFFFFF;"></canvas></br>
            <span style="margin: 0px 0px 0px 264px;">
                <input type="reset" class="clearButton" value="Clear">
            </span>
            <input type="hidden" name="output" class="output">
        </div>
    </div>

    Virtual1 Field (Hidden), Virtual2 Field (Hidden) etc

    Footer Code:

    <script type="text/javascript">
        $(document).ready(
            function ()
            {
                // TODO: Add your signature fields here in the order they appear on the form -->
                var signatureFields = [
                    ['Safety_comm_attendee_1_sig', [@field:Safety_comm_attendee_1_sig], 'cbParamVirtual1'],
                    ['Safety_comm_attendee_2_sig', [@field:Safety_comm_attendee_2_sig], 'cbParamVirtual2'],
                ];
                

                for (var i = 0; i < signatureFields.length; i++)
                {
                    var api = $($('#cb_sign_wrapper_edit .sigPad')).signaturePad({ drawOnly: true });
                    if (api)
                    {
                         api.regenerate(signatureFields[1]);
                    }
                }

                
                
                document.addEventListener('BeforeFormSubmit', function(event) {
                    for (var i = 0; i < signatureFields.length; i++)
                        {
                            // Dump signature JSON data into hidden signature field
                            var newSignature = $('#cb_sign_wrapper_edit .output').value;
                            if( $('#EditRecord' + signatureFields[0])[0]){
                                $('#EditRecord' + signatureFields[0])[0].value = newSignature;
                            }
                            if( $('#InsertRecord' + signatureFields[0])[0]){
                                $('#InsertRecord' + signatureFields[0])[0].value = newSignature;
                            }

                            // Capture each signature image into its corresponding [hidden] VIRTUAL field
                            var api = $($('#cb_sign_wrapper_edit .sigPad')).signaturePad({ drawOnly: true });
                            if (api)
                            {
                                api.regenerate(newSignature);
                                $('#' + signatureFields[2]).val(api.getSignatureImage());
                            }
                        }
                });

               
            }
        );
    </script>
    </div>
    <!-- Footer code end -->

     

    Regards

    Mark

  4. If you have updated your DataPages to use the subdomain for your account in the deploy code, the logout link now uses the account subdomain for your account. Rather than b5.caspio.com/folderlogout try ******.caspio.com/folderlogout where ****** is your Also, see: https://howto.caspio.com/deployment/caspio-site-vs-account-subdomain-deployment/ Hope this helps
  5. Chad did an amazing job helping us get the Auto Tab accurate. He was quick, professional and precise. He even helped us with a work around for our barcode scanning needs.

    1. ezIQchad

      ezIQchad

      Thanks Jay, It was a pleasure working with you.

  6. This behavior is displayed in many places my web-application. Create an account here Choose a free plan so you can log in to see this and other things Caspio
  7. Thanks Bruno, it was a pleasure working with you! I look forward to staying connected and seeing your project (great idea, I must say) grow and evolve!
  8. I do some Caspio and JavaScript freelance. I have thousands of hours of Caspio and JS experience, and can very likely build what you need. (basically full time since 2014) I am interested and able to help with small to medium sized projects. PM me for info. Some notable customers/projects include ezIQ.us QuoStudentTravel.com BaleDoneen.com Block-Trades.com MascotConstruction.com
  9. Hi,

    The purpose of a forum is to share the knowledge.

    If you have a question. Ask it on the forum. If you must, ask me to look at it and I will, but it must already be a question on the forum.

    Let's make sure we share the knowledge.

    CHAD

    1. TWIRED

      TWIRED

      That makes sense. 

       

      This question was posted but didnt get a reply so kinda got impatient

      Will do.

      Thanks~

  10. This caused problems for me.... found a workaround #caspioform div[style="position: relative"] { height: 0px; }
  11. You're using the same identifier for different calcs. var convertField = document.getElementsByClassName('cbFormData')[0]; This is why the value from the second calc is showing up in the first element.... the first code runs perfectly, then before you can see the result the of that calc, the second code fills the data into the first element. Might be as simple as changing to var convertField = document.getElementsByClassName('cbFormData')[1]; Try to use ID rather than CLASS[*], you have much better control. If your Virtual Params are Cascading, that explains why you
  12. What are you trying to accomplish? What have you tried? What happened? What did you expect to happen?
  13. I know answers that just say, 'I don't think you can do that' aren't very helpful, but I suppose it's better than leaving you hanging. I have also tried to figure out how to do this with no luck - so I just give the user a message / link in the HTML that this DataPage is embedded in
  14. The size of the table doesn't directly affect data usage. Data usage is measured by data shown to the user. I can't decipher what you're trying to accomplish with your DataPage, so I can't provide any detailed advice, however, some conceptual advice... You can reduce data usage by filtering your data to only show relevant data to the users. Also AJAX is very heavy - I only use it on 1 of my ~125 DataPages.
×
×
  • Create New...