Inserting Jquery/Jquery UI into script of Skybow form

Answered

FreedomW

• Created May 12, 2017 17:07

we have a script written that works in a the sharepoint default plain form - jquery UI autocomplete function and we have been trying to add to the script section of Skybow.  It is not working - please help.

 

0

• 

  okachmar

  • May 15, 2017 12:35

  Hello Freedom Waters,

  Could you please provide more information to help us to reproduce your problem and to suggest a solution?

  1. What add-in and which version do you use?
  2. Where did you try to add the script - what do you mean 'script section of Skybow'?

  Please provide some screenshots.

  Best Regards,

  Oleg Kachmar

  0
• 

  FreedomW

  • May 15, 2017 15:38

  1. Skybow Rich Forms 3.1.4.0

   

  2. tried adding the script inside a script editor webpart and also content editor webpart on the form page, and we tried using the execute these actions on form load in skybow by selecting the script action

  0
• 

  okachmar

  • May 16, 2017 17:15

  Hello Freedom Waters,

   

  Thank you for the details.

   

   Please try to do the following steps to make you script working:

  1. Open a form where you want to work with jquery UI.

  2. Add Script Editor web part and insert there script source tags, for example:

   

  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

  3. Create On Form Load action with Execute Script type and insert your script code for work with autocomplete, for example:

  var availableTags = [
        "ActionScript",
        "AppleScript",
        "Asp",
        "BASIC",
        "C",
        "C++",
        "Clojure",
        "COBOL",
        "ColdFusion",
        "Erlang",
        "Fortran",
        "Groovy",
        "Haskell",
        "Java",
        "JavaScript",
        "Lisp",
        "Perl",
        "PHP",
        "Python",
        "Ruby",
        "Scala",
        "Scheme"
   ];
  window.jQuery('input[type="text"]').autocomplete({
    source: availableTags
  });

  4. Click Save Button.

   

  Hope it will help you.

   

  Best Regards,

  Oleg Kachmar

  0
• 

  FreedomW

  • May 29, 2017 17:54

  This has worked for us!

  Thank you.

  0

Please sign in to leave a comment.