Uploaded image for project: 'UI Commons Module '
  1. UI Commons Module
  2. UICM-71

Build an example of an Open Web App with the Reference Application style guide

    XMLWordPrintable

    Details

    • Type: New Feature
    • Status: Closed
    • Priority: TBD
    • Resolution: Fixed
    • Affects Version/s: None
    • Fix Version/s: None
    • Complexity:
      Undetermined

      Description

      Background

      The UI Commons module includes a CSS style guide, built using Sass and Compass, at https://github.com/openmrs/openmrs-module-uicommons/tree/master/scss/src/main.

      Further, the App UI module includes standard page decoration, like https://github.com/openmrs/openmrs-module-appui/blob/master/omod/src/main/webapp/fragments/decorator/standardEmrPage.gsp.

      However the uicommons and appui modules require the UI Framework module, and in the future we would like to allow the same styling to be available even if you don't use the UI Framework module and approach.

      Recently the Open Web Apps module has allowed us to write much more lightweight HTML+JS+CSS functionality without even the overhead of an OpenMRS module.

      To Do

      The purpose of this ticket is to spike on how we can bring the current styling to Open Web Apps.

      Things to demonstrate:

      • A screen in an open web app that is styled and decorated like a page in the Reference Application (e.g. the home page or the find patient page)
      • Try copying the current uicommons scss files into an open web app, and compiling it with some sort of npm compass plugin while building the app

        Attachments

          Activity

            People

            Assignee:
            Unassigned
            Reporter:
            darius Darius Jazayeri [X] (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved: