Forum Discussion

GeoffreyHarmuth's avatar
GeoffreyHarmuth
Qrew Captain
7 years ago

rich text field not working on mobile

Trying to make a save and redirect button. (I have hidden the native save buttons)

So any rich text formula fields that I create don't work (they are visible but have no action) on the mobile version of any form.  I have tried all the formulas in the "magic buttons app"

a formula URL button seems to work, however it bypasses the forms dynamic rules as well as any field "required to be completed" rules.

Has anyone had an issue with the ability to press a rich tex button in the mobile version?
  • MCFNeil's avatar
    MCFNeil
    Qrew Captain
    7 years ago
    It depends on the 'call' that you are trying to make.  I have seen some issues with different js calls in mobile, depending on what technique, and also what type of code page is running.

    Can you give an example of your formula and the desired behavior?




    Matthew Neil - Product Specialist
    • GeoffreyHarmuth's avatar
      GeoffreyHarmuth
      Qrew Captain
      7 years ago
      I posted my code below - Let me know if you can assist (on or off world it doesn't matter)_
  • GeoffreyHarmuth's avatar
    GeoffreyHarmuth
    Qrew Captain
    7 years ago
    So its a little more complicated because I am using iOL.


    The button contains the following code:

    [iol] & "moduleSurveySave.js" & [/iol]
    &
    "<a class='QBU_Submit Vibrant Success'>Submit</a>"

    The moduleSurveySave.js contains the following code:

    (function(){
      var querystring=document.location.search;
      var dbid = "bk7x2wk2j";
      var dbidSurveys = "bnjvqx7q9";

      if (/nwr/i.test(querystring) || /a=er/i.test(querystring) || /a=FinishEditRecord/i.test(querystring) || /a=API_GenAddRecordForm/i.test(querystring)) {

        $("#formFooterButtonsContainer").hide();
        $(".IconOnly").hide();
        $("#saveButton").hide();

        $("div.btn-form-footer.btn-form-container-3btns").hide();
        //removes full footer buttons in mobile

        $("div.btn-form-header.btn-form-container-3btns").hide();
        //removes full header buttons in mobile

        $("#RedirectURL").val(dbid);
        $("input[name=rl]").val("");

        $("a.QBU_Submit").on("click", function(event) {
          $("#saveButton").trigger("click");
        });
      }

    })();