Skip navigation
Currently Being Moderated

Implement Help Popup for each field.

Apr 4, 2012 6:50 AM

I am desinging a Dynamic Form with many fields for displaying Pension Calculations and Start a Process to complete the pension for an employee.

 

The form will have many fields with complex meanings...

 

I want an easy and a cool way to enable extended Help   against each field on the PDF Form.

 

I do not want to use the built-in app.alert() dialog. Also, the tool-tip is not cool enough.

 

The help will be 1 or 2 paragraphs, with each about 3-4 lines of text. The width and height of the popup should be flexible and adopt to the size of the text.

 

Any one has any idea, please let me know. Maybe there is some built-in feature for this.

 

I am now thinking of a way to implement this feature.

 

Tarek.

 
Replies
  • Currently Being Moderated
    Apr 4, 2012 1:48 PM   in reply to tarekahf

    If you use Designer 10 (ADEP/ES3) you can use Flash fields to show fancy dialogs.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 5, 2012 7:54 AM   in reply to tarekahf

    You can create very elaborate pop up windows using JavaScript. I don't have a code snippet for you or I would paste one in. Take a look at this: http://acrobatusers.com/tutorials/popup_windows_part5

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 10, 2012 1:03 PM   in reply to tarekahf

    Hi Tarek,

     

    I made an example for you you can work with.

    It contains a flash field and a regular button.

    Depending on the viewers version you either will see the flash dialog or the regular JavaScript dialog.

     

    https://acrobat.com/#d=3qC5yMpLVavZV3hcn0Heag

     

    The results then will look either this way ...

    FlexDialog.png

    ... or this way.

    JSDialog.png

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 11, 2012 6:36 AM   in reply to tarekahf

    Hi Tarek,

     

    Yeah you're right, you'll need Reader X at least in order to use Flash objects in a form. And I'm afraid that there isn't a built-in feature to show more sofisticated info messages.

    The way I can think of that is, you can use hidden subforms to show those messages. You'd have to spend more time to build this though.

     

    Please let us know how you achieve this.

     

    Cheers

     

    Diego

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 12, 2012 12:04 AM   in reply to Diego-Silva

    Here is a (german) example the way Diego describes. Go to the 2nd page and click on a questionmark

     

    http://www.formatix.de/dms/assets/inline/exporteursantrag_dynamisch.pd f

     

    regards Jan

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 12, 2012 5:29 AM   in reply to formatix

    I'd probably refrain from using any flash objects within PDF forms: #Adobe #Reader Update Patches Vulnerabilities, Removes Bundled #Flash Player bit.ly/HNiP0r.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 12, 2012 5:52 AM   in reply to leesutton

    Hi Lee,

     

    Thanks for the information.

     

    Well... that sucks... it was such a good feature, so proudly announced as a nice feature in LiveCycle ES3: http://blogs.adobe.com/livecycle/2012/03/whats-new-in-livecycle-es3.ht ml

     

    By the way, this means that this feature "Add flash objects to forms and communicate between the form and the SWF to display form data" will no longer exist in the near future?

     

    Would you think that?

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 12, 2012 6:09 AM   in reply to Diego-Silva

    I just want to put a little more detail into that last note I posted. While the Flash inside PDF functionality is not being "pulled" which it really sounds like at a high level when you go through the bulletin, it is still supported.

     

    http://www.adobe.com/support/security/bulletins/apsb12-08.html?PID=416 5004

     

    My problem with this is that before, we were guaranteed that Flash was available if the right version of Reader was installed, given this update there is a risk that a user won't have Flash installed on their machine to support the media objects inside the PDF or the Portfolio. Normally I would not be worried but I've visited a few customers that don't have Flash on their machines so the risk is high enough that I'd likely not include Flash unless I knew the environment supported it. i.e.: no public-facing forms.

     

    Lee.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 14, 2012 9:16 PM   in reply to tarekahf

    Hi Tarek,

     

    Here is a sample that might help get you started, with the hide / show a subform.  Not that there is anything tricky in that.  This sample uses the enter/exit events so no close button, but what I liked was the way the arrows were done (using a text field with inverted rounded corners saved using an image).  Getting the arrow in the middle of the help text when it is bigger than the target field (like the middle example) is tricky, in that you have to go into the xml and type a negative y value (y="-4mm" in this case).  Then whenever you touch it in Designer it gets reset.  Maybe you can script it, but I didn't mind the arrow being at the top like in the third example and that was a lot easier.

     

    https://acrobat.com/#d=JQCoJCKGrSUjqaQSy11E8w

     

    As it turned out my form got to cramped so I didn't use it, but I hope this helps you.

     

    Bruce

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 15, 2012 8:12 PM   in reply to tarekahf

    Hi Tarek,

     

    The multi-language adds an extra complication but you should be able to bind to an rich text data connection.  You can also update rich text using the loadXML method of the exData node.  So the following conditionally changes the rich text caption of a field;

     

    var mandatoryCaption = <body xmlns="http://www.w3.org/1999/xhtml" xmlns:xfa="http://www.xfa.org/schema/xfa-data/1.0/" xfa:APIVersion="2.7.0.0">

                               <p style="text-decoration:none;letter-spacing:0in">Mobile</p>

                           </body>;

    var optionalCaption  = <body xmlns="http://www.w3.org/1999/xhtml" xmlns:xfa="http://www.xfa.org/schema/xfa-data/1.0/" xfa:APIVersion="2.7.0.0">

                               <p style="text-decoration:none;letter-spacing:0in">Mobile<span style="xfa-spacerun:yes"> </span>

                               <span style="font-size:9pt;color:#808080;font-style:italic">(optional)</span>

                               </p>

                           </body>;

    if (PreferredContactMethod.rawValue === "Mobile")

    {  

        this.caption.value.exData.loadXML(mandatoryCaption.toXMLString(), false, true)

    }

    else

    {

        this.caption.value.exData.loadXML(optionalCaption.toXMLString(), false, true)

    }

     

     

    You could also extend this approach to include an error icon/button which would only be visible when an error exists and displays the error in a similar sort of subform to the help, maybe you can also have a hyperlink icon/button to futher information about the field.

     

    Having a general function makes sense but the advantage of using enter/exit events was that I didn't have to worry about having to hide the field help for another field if it was already displayed, or would it be ok to have multiple field helps displayed at a time.

     

    The other thing to think about is what is going to happen when the user prints the form.  Do they see the field level help or not?  If you have space I would try and print them.

     

    I would be very interested in seeing what you come up with, if it is possible for you to post a sample.

     

    Good luck

     

    Bruce

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 18, 2012 9:30 AM   in reply to leesutton

    Hi,

     

    I agree with Lee. I believe that the Flash object will continue to work, but only on the basis that the user has Flash Player, in addition to Acrobat/Reader.

     

    I would expect the user to be warned, if there is an object that can't function because Flash Player is not installed on their PC. While some users may be authorised to go off and download the Flash Player, in some corporate environemnts this will not be possible.

     

    End result, if the user does not have Flash Player installed, the Flash object in an XFA Form will not work.

     

    I think it is a case of "watch this space" and hopefully we will get some direction.

     

    Niall

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 30, 2012 5:12 AM   in reply to tarekahf

    Hi Tarek,

     

    Looks really good, thanks for sharing.

     

    Bruce

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 30, 2012 10:38 AM   in reply to tarekahf

    Very nice Tarek!

     
    |
    Mark as:
  • Currently Being Moderated
    May 1, 2012 2:23 AM   in reply to tarekahf

    Hi Tarek,

     

    I have positioned subforms dynamically before, this is an example of that sort of thing http://cookbooks.adobe.com/post_An_alternative_Date_Picker_for_LiveCyc le_Designer-18455.html.

     

    I also did do one form which had all the content on the master pages, which allowed me to use the normal content pages as "popup dialogs", but that meant there was nothing flowed.

     

    Thanks again, and good luck.

     

    Bruce

     
    |
    Mark as:
  • Currently Being Moderated
    May 1, 2012 3:49 AM   in reply to tarekahf

    I'm not sure, I suspect not, I would think updating the template DOM and causing a remerge/relayout would break the rights enablement.

     

    Would be interesting if you could, might try it, will let you know.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points