Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add section for CSS styling #546

Closed
tim1ford opened this issue Sep 21, 2018 · 2 comments
Closed

Add section for CSS styling #546

tim1ford opened this issue Sep 21, 2018 · 2 comments
Labels
enhancement HTML Issue associated with Access Record HTML capability
Milestone

Comments

@tim1ford
Copy link
Collaborator

For an improved consumer experience, details regarding HTML IDs and classes need to be added to the Implementation Standards page.

@tim1ford tim1ford added enhancement HTML Issue associated with Access Record HTML capability labels Sep 21, 2018
@tim1ford tim1ford added this to the 0.7.0 milestone Sep 21, 2018
@tim1ford
Copy link
Collaborator Author

The following section has been added to the Implementation Standards page:

CSS

The following HTML IDs MUST be applied across the HTML views:

ID name Description HTML view(s)
adm-tab Applied within the <table> tag of the Administrative Items table Administrative Items
all-tab-curr Applied within the <table> tag of the Current Allergies and Adverse Reactions table Allergies and Adverse Reactions & Summary
all-tab-hist Applied within the <table> tag of the Historical Allergies and Adverse Reactions table Allergies and Adverse Reactions
cli-tab Applied within the <table> tag of the Clinical Item table Clinical Items
enc-tab Applied within the <table> tag of the Encounters table Encounters & Summary
imm-tab Applied within the <table> tag of the Immunisations table Immunisations
med-tab-rec-acu Applied within the <table> tag of the Recent Acute Medication table Medications & Summary
med-tab-curr-rep Applied within the <table> tag of the Current Repeat Medication table Medications & Summary
med-tab-dis-rep Applied within the <table> tag of the Discontinued Repeat Medication table Medications
med-tab-all-sum Applied within the <table> tag of the All Medication (Summary) table Medications
med-tab-all-iss Applied within the <table> tag of the All Medication Issues table Medications
obs-tab Applied within the <table> tag of the Observations table Observations
prb-tab-act Applied within the <table> tag of the Active Problems and Issues table Problems and Issues & Summary
prb-tab-inact Applied within the <table> tag of the Inactive Problems and Issues table Problems and Issues
ref-tab Applied within the <table> tag of the Referrals table Referrals

The following HTML classes MUST be applied across the HTML view:

Class name Description HTML view(s)
content-banner Applied within the <div> tag of any section/subsection content banner All views
date-banner Applied within the <div> tag of any section/subsection date filter banner All views
exclusion-banner Applied within the <div> tag of any section/subsection exclusion banner All views
date-column Applied within the <td> tag of any table column with a dd-Mmm-yyyy date format All views
med-item-column Applied within the <td> tag of a grouped distinct Medication Item Medications (All Medication (Summary) & All Medication Issues only)

All sections 'HTML view' across all HTML views will be updated to apply these IDs and classes.

The codepens will not be updated, as these are for illustration only.

tim1ford added a commit that referenced this issue Sep 21, 2018
@tim1ford
Copy link
Collaborator Author

Added gptransfer-banner to the classes table

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement HTML Issue associated with Access Record HTML capability
Projects
None yet
Development

No branches or pull requests

1 participant