Skip to content

Use correct markup for forms and pages #41

@jensschuppe

Description

@jensschuppe

The templates should use correct markup structure and CSS classes for elements to be displayed correctly with the CiviCRM Core design as well as org.civicrm.shoreditch.

An example for when this fails with Shoreditch, is the form at civicrm/membership/payments:
membership_design_flaws

It should display like this:
membership_design_correct

This involves (incomplete):

  • making the page path contain civicrm/admin/ so that admin-related styles are applied (I guess those forms are not meant to be public)
  • wrapping submit buttons with <div class="crm-submit-buttons"></div>
  • adding the crm-form-submit CSS class to <input type="submit" /> elements
  • moving the .crm-submit-buttons element inside the .crm-form-block
  • replacing the crm-master-accordion-header class with crm-accordion-header

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions