Uploaded image for project: 'Tapestry 5'
  1. Tapestry 5
  2. TAP5-2712

Error component renders unstyled with Bootstrap 4

    XMLWordPrintableJSON

Details

    • Bug
    • Status: Closed
    • Major
    • Resolution: Fixed
    • 5.5.0, 5.6.0, 5.6.1, 5.6.2, 5.7.0, 5.6.3, 5.7.1, 5.7.2, 5.6.4, 5.7.3, 5.8.0
    • 5.8.0
    • tapestry-core
    • None

    Description

      As noticed and solved by vlamp in the Tapestry dev mailing list:

      Using Tapestry's BeanEditor component with Bootstrap 4, I'm trying to get
      validation error messages appear with a red font color like they used to
      with Bootstrap 3.

      Trying to understand from the Tapestry source code why Tapestry outputs
      Bootstrap v3-style "help-block" instead of v4-style "form-text" [1], I
      became aware of the SymbolConstants.ERROR_CSS_CLASS configuration symbol.
      Setting its value to "form-text text-danger" did the trick for me.

      Two recommendations for improvement:

      First, the Configuration page of the Tapestry website [2] doesn't mention
      the ERROR_CSS_CLASS configuration symbol. It should be added to make it
      easier for other Tapestry users trying to solve the same problem or similar
      problems.

      Second, importing the Bootstrap4Module should provide validation messages
      with a red font color as the default.

      Attachments

        Activity

          People

            thiagohp Thiago Henrique De Paula Figueiredo
            thiagohp Thiago Henrique De Paula Figueiredo
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved: