Jump to content

Search the Community

Showing results for tags 'progress bar'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Caspio Bridge
    • Caspio Apps for Ukraine
    • General Questions
    • Caspio JavaScript Solutions
    • Tables, Views and Relationships
    • Import/Export and DataHub
    • DataPages
    • Deployment
    • Security, Authentications, Roles, SAML
    • Styles and Localizations
    • Parameters
    • API and Integration
    • Calculations and aggregations
    • User JavaScript and CSS Discussions

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start




Website URL






Found 2 results

  1. I am trying to apply my caspio datapage to a website template which has a progress bar. I have successfully displayed the value (42%) via a HTML Block in a datapage but I'm stuck on how to change the width of the progress bar to the same value dynamically. <div class="col-md-6 col-xl-3 mb-4"> <div class="card shadow border-left-info py-2"> <div class="card-body"> <div class="row align-items-center no-gutters"> <div class="col mr-2"> <div class="text-uppercase text-info font-weight-bold text-xs mb-1"><span>Return of Investment</span></div> <div class="row no-gutters align-items-center"> <div class="col-auto"> <div class="text-dark font-weight-bold h5 mb-0 mr-3"><span><script type="text/javascript" src="https://c1dcn529.caspio.com/dp/75db9000ce3b16e37cda43bca9b2/emb"></script></span></div> </div> <div class="col"> <div class="progress progress-sm"> <div class="progress-bar bg-info" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 90%;"><span class="sr-only">50%</span></div> </div> </div> </div> </div> <div class="col-auto"><i class="fas fa-clipboard-list fa-2x text-gray-300"></i></div> </div> </div> </div> </div> Above is the relevant code used. I have tried to simply paste the deployment code in 'width:' with no success. How can I pass the same value to the progress bar? Below is a screenshot of the HTML Block
  2. I have a details page with text fields that allows the user to submit data. After submission the destination is the same datapage so the user can keep editing the details page if they wish. After they click submit I'd like a progress bar/status bar that takes over the screen and says something like "Saving...." or "Processing......" Just like this js example does: http://forums.caspio.com/index.php/topic/4314-js-auto-submit-a-datapage/ Also, if a user makes changes to the details page and tries to close the window before submitting, I 'd like a message to save "You have made changes to this form that you have not submitted/saved. Are you sure you want to close this window." Thanks in advance for the help.
  • Create New...