# Core Apps patient page look and feel different on desktop browsers

**URL:** <https://talk.openmrs.org/t/core-apps-patient-page-look-and-feel-different-on-desktop-browsers/24578>\
**Category:** Reference App\
**Tags:** development, ui, bootstrap\
**Created:** [September 2, 2019, 11:01am UTC](https://talk.openmrs.org/t/core-apps-patient-page-look-and-feel-different-on-desktop-browsers/24578 "2019-09-02T11:01:59Z")\
**Posts on this page:** 20\
**Page:** 2

<div class="post-metadata">

**Author:** ![mksd](https://talk.openmrs.org/user_avatar/talk.openmrs.org/mksd/32/11729_2.png) [@mksd](https://talk.openmrs.org/u/mksd)\
**Post date:** [September 3, 2019, 8:51am UTC](https://talk.openmrs.org/t/core-apps-patient-page-look-and-feel-different-on-desktop-browsers/24578/21 "2019-09-03T08:51:43Z")

</div>

@ssmusoke and @ayesh, is the safe way out of this to use Core Apps 1.23.0?

---

<div class="post-metadata">

**Author:** ![ruhanga](https://talk.openmrs.org/user_avatar/talk.openmrs.org/ruhanga/32/8318_2.png) [@ruhanga](https://talk.openmrs.org/u/ruhanga)\
**Post date:** [September 3, 2019, 9:01am UTC](https://talk.openmrs.org/t/core-apps-patient-page-look-and-feel-different-on-desktop-browsers/24578/22 "2019-09-03T09:01:38Z")

</div>

> [@ssmusoke](#):
>
> across 6-8 different modules

There are more participating modules I guess, and that one has to involve all these. @ayesh could you also list those modules and their versions here as well?

---

<div class="post-metadata">

**Author:** ![ssmusoke](https://talk.openmrs.org/user_avatar/talk.openmrs.org/ssmusoke/32/8020_2.png) [@ssmusoke](https://talk.openmrs.org/u/ssmusoke)\
**Post date:** [September 3, 2019, 1:04pm UTC](https://talk.openmrs.org/t/core-apps-patient-page-look-and-feel-different-on-desktop-browsers/24578/23 "2019-09-03T13:04:20Z")

</div>

@ruhanga the list is below

1. Core Apps
2. UI Commons
3. Reference Application Module
4. App UI
5. Admin UI
6. Appointment Scheduling UI
7. Registration App
8. Chart Search

Each of these has a release without Bootstrap integration as we keep moving forward and fixing those issue that can be found

---

<div class="post-metadata">

**Author:** ![ssmusoke](https://talk.openmrs.org/user_avatar/talk.openmrs.org/ssmusoke/32/8020_2.png) [@ssmusoke](https://talk.openmrs.org/u/ssmusoke)\
**Post date:** [September 3, 2019, 6:14pm UTC](https://talk.openmrs.org/t/core-apps-patient-page-look-and-feel-different-on-desktop-browsers/24578/24 "2019-09-03T18:14:02Z")

</div>

> [@mksd](#):
>
> @ssmusoke and @ayesh, is the safe way out of this to use Core Apps 1.23.0?

@mksd sorry I had missed this - yes that is the safe way out of this

---

<div class="post-metadata">

**Author:** ![ayesh](https://talk.openmrs.org/user_avatar/talk.openmrs.org/ayesh/32/10674_2.png) [@ayesh](https://talk.openmrs.org/u/ayesh)\
**Post date:** [September 3, 2019, 7:58pm UTC](https://talk.openmrs.org/t/core-apps-patient-page-look-and-feel-different-on-desktop-browsers/24578/25 "2019-09-03T19:58:38Z")

</div>

Hi @ssmusoke @ruhanga @mksdSorry for the late reply.Yes these are the modules as stephe mentioned.

---

<div class="post-metadata">

**Author:** ![mksd](https://talk.openmrs.org/user_avatar/talk.openmrs.org/mksd/32/11729_2.png) [@mksd](https://talk.openmrs.org/u/mksd)\
**Post date:** [September 9, 2019, 2:38pm UTC](https://talk.openmrs.org/t/core-apps-patient-page-look-and-feel-different-on-desktop-browsers/24578/26 "2019-09-09T14:38:06Z")

</div>

> [@ssmusoke](#):
>
> @ruhanga the list is below
> 
> 1. Core Apps
> 2. UI Commons
> 3. Reference Application Module
> 4. App UI
> 5. Admin UI
> 6. Appointment Scheduling UI
> 7. Registration App
> 8. Chart Search

Thanks @ssmusoke, that’s useful. Btw I think the next iteration for Admin UI should have been **1.3.0-SNAPSHOT** (and not 1.2.6-SNAPSHOT.)

Looks like Chart Search did let a Bootstrap commit go through prior to being released? Is that so @ayesh?

---

<div class="post-metadata">

**Author:** ![ssmusoke](https://talk.openmrs.org/user_avatar/talk.openmrs.org/ssmusoke/32/8020_2.png) [@ssmusoke](https://talk.openmrs.org/u/ssmusoke)\
**Post date:** [September 9, 2019, 3:51pm UTC](https://talk.openmrs.org/t/core-apps-patient-page-look-and-feel-different-on-desktop-browsers/24578/27 "2019-09-09T15:51:52Z")

</div>

@mksd I have opened a PR for adminui will be sending another for chart search to revert the changes, release then add the bootstrap ones. Apologies for the inconveniences caused

---

<div class="post-metadata">

**Author:** ![ssmusoke](https://talk.openmrs.org/user_avatar/talk.openmrs.org/ssmusoke/32/8020_2.png) [@ssmusoke](https://talk.openmrs.org/u/ssmusoke)\
**Post date:** [September 9, 2019, 6:34pm UTC](https://talk.openmrs.org/t/core-apps-patient-page-look-and-feel-different-on-desktop-browsers/24578/28 "2019-09-09T18:34:56Z")

</div>

@dkayiwa How do you advise I approach to resetting chart search to this commit [https://github.com/openmrs/openmrs-module-chartsearch/commit/2c9828738669341a486bd1f904de38c245b0f1fc](https://github.com/openmrs/openmrs-module-chartsearch/commit/2c9828738669341a486bd1f904de38c245b0f1fc) so that I can release a new version before applying bootstrap changes

---

<div class="post-metadata">

**Author:** ![ayesh](https://talk.openmrs.org/user_avatar/talk.openmrs.org/ayesh/32/10674_2.png) [@ayesh](https://talk.openmrs.org/u/ayesh)\
**Post date:** [September 9, 2019, 9:41pm UTC](https://talk.openmrs.org/t/core-apps-patient-page-look-and-feel-different-on-desktop-browsers/24578/29 "2019-09-09T21:41:09Z")

</div>

Hi @mksd , @ssmusoke , @ruhanga

To keep u guys updated. Still the changes after fix not visible in qa-ref app server becuase ref-app-distro ci is build failing(Some selenium test cases are failing).I am still working on patient dashbaord it’s almost finished after that will be having a look at the issue on the ci it self.

---

<div class="post-metadata">

**Author:** ![ruhanga](https://talk.openmrs.org/user_avatar/talk.openmrs.org/ruhanga/32/8318_2.png) [@ruhanga](https://talk.openmrs.org/u/ruhanga)\
**Post date:** [September 10, 2019, 5:29am UTC](https://talk.openmrs.org/t/core-apps-patient-page-look-and-feel-different-on-desktop-browsers/24578/30 "2019-09-10T05:29:50Z")

</div>

Thanks @ayesh for the hard work. You could have also noticed the issue bellow was more specific to changes in the Appui module. Let’s wait and seen when the ci builds are fixed.

> [@mksd](#):
>
> ![image](https://talk.openmrs.org/uploads/default/original/2X/d/d42d3caa7eb7b6913a7bf6b7236be177d258ba7c.png)

---

<div class="post-metadata">

**Author:** ![ayesh](https://talk.openmrs.org/user_avatar/talk.openmrs.org/ayesh/32/10674_2.png) [@ayesh](https://talk.openmrs.org/u/ayesh)\
**Post date:** [September 10, 2019, 8:24am UTC](https://talk.openmrs.org/t/core-apps-patient-page-look-and-feel-different-on-desktop-browsers/24578/31 "2019-09-10T08:24:38Z")

</div>

Hi @ruhanga

Yes it is because of the jquery file conflicts.I actually pushed the code for this fix to the git hub and the PR was also sent but there are these build failures

[https://ci.openmrs.org/browse/REFAPP-OMODDISTRO-INTTESTS-9035/log](https://ci.openmrs.org/browse/REFAPP-OMODDISTRO-INTTESTS-9035/log)

---

<div class="post-metadata">

**Author:** ![ayesh](https://talk.openmrs.org/user_avatar/talk.openmrs.org/ayesh/32/10674_2.png) [@ayesh](https://talk.openmrs.org/u/ayesh)\
**Post date:** [September 13, 2019, 9:20am UTC](https://talk.openmrs.org/t/core-apps-patient-page-look-and-feel-different-on-desktop-browsers/24578/32 "2019-09-13T09:20:57Z")

</div>

@mksd@ruhanga

Now in the qa ref app most of the changes have applied. [https://qa-refapp.openmrs.org/openmrs/login.htm](https://qa-refapp.openmrs.org/openmrs/login.htm)

But I see an issue in the attachment upload module hmm nothing shown there will address it today.

---

<div class="post-metadata">

**Author:** ![ruhanga](https://talk.openmrs.org/user_avatar/talk.openmrs.org/ruhanga/32/8318_2.png) [@ruhanga](https://talk.openmrs.org/u/ruhanga)\
**Post date:** [September 13, 2019, 9:26am UTC](https://talk.openmrs.org/t/core-apps-patient-page-look-and-feel-different-on-desktop-browsers/24578/33 "2019-09-13T09:26:13Z")

</div>

Hi @ayesh, I seem to get a UI Framework error for the qa ref app on my end. Are you able to login?

---

<div class="post-metadata">

**Author:** ![ayesh](https://talk.openmrs.org/user_avatar/talk.openmrs.org/ayesh/32/10674_2.png) [@ayesh](https://talk.openmrs.org/u/ayesh)\
**Post date:** [September 13, 2019, 9:28am UTC](https://talk.openmrs.org/t/core-apps-patient-page-look-and-feel-different-on-desktop-browsers/24578/34 "2019-09-13T09:28:55Z")

</div>

Yes I tried in incognito as well to make sure the cache it works 🤔[https://qa-refapp.openmrs.org/openmrs/login.htm](https://qa-refapp.openmrs.org/openmrs/login.htm)

---

<div class="post-metadata">

**Author:** ![ayesh](https://talk.openmrs.org/user_avatar/talk.openmrs.org/ayesh/32/10674_2.png) [@ayesh](https://talk.openmrs.org/u/ayesh)\
**Post date:** [September 13, 2019, 9:34am UTC](https://talk.openmrs.org/t/core-apps-patient-page-look-and-feel-different-on-desktop-browsers/24578/35 "2019-09-13T09:34:17Z")

</div>

And @mksd, @dkayiwa , @ssmusoke , @ruhanga

Is the demo server ([https://demo.openmrs.org/openmrs/coreapps/clinicianfacing/patient.page?patientId=8180149e-5f36-4ad6-b5a9-c7b12a6e7ec9](https://demo.openmrs.org/openmrs/coreapps/clinicianfacing/patient.page?patientId=8180149e-5f36-4ad6-b5a9-c7b12a6e7ec9)) deployed with latest release or latest changes.

I only have an idea about the qa-ref app that’s why ?

---

<div class="post-metadata">

**Author:** ![ruhanga](https://talk.openmrs.org/user_avatar/talk.openmrs.org/ruhanga/32/8318_2.png) [@ruhanga](https://talk.openmrs.org/u/ruhanga)\
**Post date:** [September 13, 2019, 12:19pm UTC](https://talk.openmrs.org/t/core-apps-patient-page-look-and-feel-different-on-desktop-browsers/24578/36 "2019-09-13T12:19:51Z")

</div>

@ayesh, just extending an issue with the registration app here. You may have noticed the difference on the navigation section/subsections, I mean the green checks as one moves through the different sections while registering a patient look a little different.

 ![registration_page_old](https://talk.openmrs.org/uploads/default/original/2X/9/920d1f9bdc5be4dd50f1737ae368178e6195503a.png)Demo

 ![registration_page_current](https://talk.openmrs.org/uploads/default/original/2X/b/b857feb584828734fe1c3e39dc427da55ff1ff16.png)QA Ref App

Have you fixed this somewhere?

---

<div class="post-metadata">

**Author:** ![ayesh](https://talk.openmrs.org/user_avatar/talk.openmrs.org/ayesh/32/10674_2.png) [@ayesh](https://talk.openmrs.org/u/ayesh)\
**Post date:** [September 13, 2019, 12:44pm UTC](https://talk.openmrs.org/t/core-apps-patient-page-look-and-feel-different-on-desktop-browsers/24578/37 "2019-09-13T12:44:26Z")

</div>

Hi @ruhanga

Nope, I have not fixed it. Btw will work in today itself.

Btw can u let me know this

Is the demo server ([https://demo.openmrs.org/openmrs/coreapps/clinicianfacing/patient.page?patientId=8180149e-5f36-4ad6-b5a9-c7b12a6e7ec9](https://demo.openmrs.org/openmrs/coreapps/clinicianfacing/patient.page?patientId=8180149e-5f36-4ad6-b5a9-c7b12a6e7ec9)) deployed with the latest release or latest changes?

I only have an idea about the qa-ref app

Because in demo serve also the attachment page is not working.Seems like few latest changes are there in the attachment module so want to make sure

---

<div class="post-metadata">

**Author:** ![ayesh](https://talk.openmrs.org/user_avatar/talk.openmrs.org/ayesh/32/10674_2.png) [@ayesh](https://talk.openmrs.org/u/ayesh)\
**Post date:** [September 13, 2019, 12:46pm UTC](https://talk.openmrs.org/t/core-apps-patient-page-look-and-feel-different-on-desktop-browsers/24578/38 "2019-09-13T12:46:20Z")

</div>

And yes please let me know these sort of errors when you found them out.Major issues like popup’s homepage look and feel, pateint.page drop downs are fixed.

Will take a look on issues like this on the next few days

cc :- @ssmusoke

---

<div class="post-metadata">

**Author:** ![ruhanga](https://talk.openmrs.org/user_avatar/talk.openmrs.org/ruhanga/32/8318_2.png) [@ruhanga](https://talk.openmrs.org/u/ruhanga)\
**Post date:** [September 13, 2019, 1:19pm UTC](https://talk.openmrs.org/t/core-apps-patient-page-look-and-feel-different-on-desktop-browsers/24578/39 "2019-09-13T13:19:39Z")

</div>

> [@ayesh](#):
>
> Is the demo server ([https://demo.openmrs.org/openmrs/coreapps/clinicianfacing/patient.page?patientId=8180149e-5f36-4ad6-b5a9-c7b12a6e7ec9](https://demo.openmrs.org/openmrs/coreapps/clinicianfacing/patient.page?patientId=8180149e-5f36-4ad6-b5a9-c7b12a6e7ec9)) deployed with the latest release or latest changes?

No, the demo server relies on more stable versions of modules.

> [@ayesh](#):
>
> Because in demo serve also the attachment page is not working.

The attachments module version on the QA Ref App may need to be bumped to the SNAPSHOT version since it has gone through some change during this GSoC season. **cc:** @mksd

---

<div class="post-metadata">

**Author:** ![dkayiwa](https://talk.openmrs.org/user_avatar/talk.openmrs.org/dkayiwa/32/179_2.png) [@dkayiwa](https://talk.openmrs.org/u/dkayiwa)\
**Post date:** [September 13, 2019, 2:27pm UTC](https://talk.openmrs.org/t/core-apps-patient-page-look-and-feel-different-on-desktop-browsers/24578/40 "2019-09-13T14:27:43Z")

</div>

@ayesh the buttons on the home page look a bit flattish. Is it easy to make them look like the original ones (which to me looked better)? Or am i just old fashioned. 😄

[Previous page](https://talk.openmrs.org/t/core-apps-patient-page-look-and-feel-different-on-desktop-browsers/24578.md?page=1)

[Next page](https://talk.openmrs.org/t/core-apps-patient-page-look-and-feel-different-on-desktop-browsers/24578.md?page=3)
