@burke @darius @ssmusoke Alright so I began working on integrating Bootstrap into the Clinician facing dashboard. Before starting off, I decided to check the level of responsiveness in the pages e.i how they change on window resizing.
It seems that the clinician facing dashboard is perfectly responsive. I believe the premise we had arrived to for integrating Bootstrap during the meeting was Reliance on a stable, well known framework for responsiveness, cross browser compatibilty, etc which pointed to Bootstrap.
Seems like all the CSS for responsivity already seems to have been written, presumably in the appui module. We're using these fragments in the
patient.gsp display page in the coreapps module (see file source)
Here are a screenshot from the demo server on mobile. It's the same when you resize your browser window on your system.
Assuming I were to use Bootstrap get the columns vertically lined up, it would kinda messy because on inspecting the code, we're using something called
secondColumnFragments which lines up Diagnoses, Vitals, Appointments in the first column and the rest in the others (I think that's what they do, lots of cross dependencies across appui etc) .There would be quite a bit of clashing CSS written for the same parts of a page.
I hope I was able to convey my point across, I don't think it makes sense to integrate bootstrap into the existing at all. Currently the views seem stable and responsive. Introducing Bootstrap for responsivity doesn't make sense because it's already (seemingly) there.
Feel free to point out anything I've missed or any errors in my observation.