Jump to content

JayMont

Caspio Ninja
  • Content Count

    45
  • Joined

  • Last visited

  • Days Won

    3

Everything posted by JayMont

  1. You can always customize the values and display on the dropdown. There should be a "custom" option in the field options. When you say arrow, do you mean something like these: ▼, ↓ , ↧, ⇊, ⇓ ? You can copy-paste those arrows in your dropdown as those are standard keyboard characters.
  2. Could you remove the "!" when you insert it in the DataPage?
  3. Is New a button? If so, you can create a customized button using HTML blocks using standard HTML and JS. http://howto.caspio.com/datapages/datapage-components/html-blocks/ http://howto.caspio.com/faq/caspio-bridge-8-4/inserting-code-in-html-blocks-and-header-footer/
  4. No need to code in JS for this one. You can use Conditional Forms if your DataPage is a submission, search, single record update, or details page. Read more here: http://howto.caspio.com/datapages/forms/conditional-forms/
  5. Can share the URL of the DataPage/webpage and the screenshot that shows how you inserted it to the DataPage?
  6. I was able to access the link above using this URL: http://forums.caspio.com/index.php?/topic/5438-how-do-you-make-a-dropdown-from-a-search-page-filter-a-results-page-without-pressing-search-button/
  7. I examined the input fields in bulk edit using the Inspector tool in Firefox. The ID's are usually BulkEditFIELDNAME. I added a JS code in the footer under " Configure Fields for Bulk Edit" of the wizard. It worked when I tried changing the font color of one of the Bulk Edit elements.
  8. If you're creating relationship between tables using person_ID, its Data Type on the other tables should be Integer.
  9. I've used Multi-purpose themes in the past as they usually are quite flexible. I've used the following: https://themeforest.net/item/tower-businessdriven-multipurpose-wp-theme/11941335 https://themeforest.net/item/massive-dynamic-business-wordpress-theme/13739153 https://themeforest.net/item/do-multipurpose-responsive-wordpress-theme/13867541
  10. Hi! On your first question. Can you try changing the last line to: document.getElementById("caspio").onsubmit=calculate();
  11. I just realized there's <a>. Try this one <div style="text-align: right;"><a style=" text-decoration: none;" href="../../portal-designer?PortalID=[@field:PortalID]" target="_self"><input id="section1" class="cb_custom_btn3" type="button" value="Client Portal" /></a></div> The <a> tag add's an underline by default.
  12. You're welcome! You can remove the underline by adding a tex-decoration: none; to your div like so: <div style="text-align: right; text-decoration: none;"><a href="../../portal-designer?PortalID=[@field:PortalID]" target="_self"><input id="section1" class="cb_custom_btn3" type="button" value="Client Portal" /></a></div> To extend it to the functionality that you want with two buttons, you can just add two more lines in your code. Let's assume you added button2 with id="section2". It would look something like: <script> var v_portalid = parseFloat(document.getElementById("EditRecordPortalID").value); if(!isNaN(v_portalid)) { document.getElementById('section1').style.display = "block"; document.getElementById('section2').style.display = "none"; } else { document.getElementById('section1').style.display = "none"; document.getElementById('section2').style.display = "block"; } </script>
  13. Hi, DesiLogi! I noticed a syntax error in the code. The variable name inside the if conditional should match your declared variable. It should be: <div style="text-align: right;"><a href="../../portal-designer?PortalID=[@field:PortalID]" target="_self"><input id="section1" class="cb_custom_btn3" type="button" value="Client Portal" /></a></div> <script> var v_portalid = parseFloat(document.getElementById("EditRecordPortalID").value); if(!isNaN(v_portalid)) { document.getElementById('section1').style.display = "none"; } else { document.getElementById('section1').style.display ="block"; } </script> Notice the variable inside isNaN().
  14. You could also try something like this: document.onsubmit = function(){ document.getElementById("InsertRecordFieldName1").value = document.getElementById("InsertRecordFieldName2").value; } You can also create conditions, such as checking if the other field is blank before copying the value: document.onsubmit = function(){ if(document.getElementById("InsertRecordFieldName1").value == ""){ document.getElementById("InsertRecordFieldName1").value = document.getElementById("InsertRecordFieldName2").value; } }
  15. You can recreate the update button and add the functionality. First, add a Header/Footer in "Configure Details Page Fields". Add the following to the Header (make sure to click "Source" in the editor) <style type="text/css"> #Mod0EditRecord{ display: none; } </style> This hides the default "Update button". Next, add an HTML Block then add the following code: <input class="cbUpdateButton" id="Mod0EditRecord1" name="Mod0EditRecord" onclick="updateRecord()" onmouseout="cbButtonHover(this,'cbUpdateButton');" onmouseover="cbButtonHover(this,'cbUpdateButton_hover');" type="submit" value="Update" /> This adds the modified "Update" button. Note the "onlick" attribute in the element. This calls the updateRecord() function which adds functionality to an otherwise default "Update" button. On the same HTML block, add the following code: <script> function updateRecord(){ document.getElementById("EditRecordFIELD_NAME").value = "VALUE"; } </script> Change the FIELD_NAME to the name of the field that your want to be updated when the button is clicked. Change VALUE to whatever you want the field to have after clicking the modified "Update" button. For more information about referencing Caspio Form Elements, click here.
×
×
  • Create New...