Problem

Providing inline help has become a common best practice. It is possible to use place 'help text' in an elemen's #description but the #description property has limitations. Interactive inline help should be handled via dedicated #help property.

Solution

Provide dedicated element #help property.

Tasks

  • Tweak webform.help.css namespacing
  • Add #help to admin UI.
  • Create 'webform_element_help' Twig template.
  • Add help support to webform_preprocess_form_element_label()
  • Add #help to translatable properties.
  • Build test form.
  • Update style-guide.
  • Write basic tests.

References

CSS namespace

  • webform-element-help
CommentFileSizeAuthor
#5 provide_dedicated-2906272-5.patch17.04 KBjrockowitz

Comments

jrockowitz created an issue. See original summary.

jrockowitz’s picture

Issue summary: View changes

  • 4a703ce committed on 2906272-element-help
    Issue #2906272: Provide dedicated element #help property.
    

  • 122de9c committed on 2906272-element-help
    Issue #2906272: Provide dedicated element #help property. Write tests.
    
jrockowitz’s picture

Status: Active » Needs review
StatusFileSize
new17.04 KB

  • 553c9bb committed on 2906272-element-help
    Issue #2906272: Provide dedicated element #help property. Allow #help to...

  • jrockowitz authored 4b1c697 on 8.x-5.x
    Issue #2906272 by jrockowitz: Provide dedicated element #help property
    

  • jrockowitz authored 6b64aee on 8.x-5.x
    Issue #2906272 by jrockowitz: Provide dedicated element #help property
    
jrockowitz’s picture

Status: Needs review » Fixed

  • 818f7a5 committed on 8.x-5.x
    Issue #2906272: Provide dedicated element #help property.
    

  • 32575a5 committed on 8.x-5.x
    Issue #2906272: Provide dedicated element #help property.
    

  • 06d0676 committed on 8.x-5.x
    Issue #2906272: Provide dedicated element #help property.
    

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.