DHIS header d2HeaderBar

Support - Assistance technique
1

Hi Team,

We are using d2HeaderBar in our custom app. We have a textarea in our app and when we press enter in that or anywhere in document, app is redirecting to dashboard page. Without our knowledge, menu state is set open by default, we had to close it programatically. To fix this, we have to add this line to fix it temporarily.

dhis2.menu.mainAppMenu.closeAll();

This is how we are including header bar in our app.

angular.module('Reports', ['ngResource', 'ngRoute', 'ngCookies', 'd2HeaderBar']);

and in html we are just using the tag and the scripts

<d2-header-bar class="noprint"></d2-header-bar>

<script>
   window.dhis2 = window.dhis2 || {};
   dhis2.settings = dhis2.settings || {};
   dhis2.settings.baseUrl = '..';
</script>
<script type="text/javascript" src="/dhis-web-commons/javascripts/dhis2/dhis2.translate.js"></script>
<script type="text/javascript" src="/dhis-web-commons/javascripts/dhis2/dhis2.menu.js"></script>
<script type="text/javascript" src="/dhis-web-commons/javascripts/dhis2/dhis2.menu.ui.js"></script>
<link type="text/css" rel="stylesheet" href="/dhis-web-commons/font-awesome/css/font-awesome.min.css"/>
<link type="text/css" rel="stylesheet" media="screen" href="/dhis-web-commons/css/menu.css">

Could you please let us know on if we are missing out anything. Note: There is no issue in header bar. we are able to see it right and it is functioning properly.

Thanks and Regards,

Sultan Ahamar.

2

Hey Sultan,

When the apps menu is open and the search field is focused and enter is pressed it should navigate to the first item. Which seems what it does currently, however it shouldn’t do it when other parts of the page have focus.

It sounds like the field search-box incorrectly has focus, but if it also does so when the text-area has focus it might be a bug (what browser are you using?)

Is this reports app anything you can share so i can have a more detailed look? I haven’t seen this behaviour elsewhere yet. You shouldn’t have to close it programatically for starters.

Regards,

Mark

···

On Tue, Apr 19, 2016 at 11:03 AM, Sultanahamar Mohammad sultanm@thoughtworks.com wrote:

Hi Team,

We are using d2HeaderBar in our custom app. We have a textarea in our app and when we press enter in that or anywhere in document, app is redirecting to dashboard page. Without our knowledge, menu state is set open by default, we had to close it programatically. To fix this, we have to add this line to fix it temporarily.

dhis2.menu.mainAppMenu.closeAll();

This is how we are including header bar in our app.

angular.module('Reports', ['ngResource', 'ngRoute', 'ngCookies', 'd2HeaderBar']);

and in html we are just using the tag and the scripts

<d2-header-bar class="noprint"></d2-header-bar>

<script>
   window.dhis2 = window.dhis2 || {};
   dhis2.settings = dhis2.settings || {};
   dhis2.settings.baseUrl = '..';
</script>
<script type="text/javascript" src="/dhis-web-commons/javascripts/dhis2/dhis2.translate.js"></script>
<script type="text/javascript" src="/dhis-web-commons/javascripts/dhis2/dhis2.menu.js"></script>
<script type="text/javascript" src="/dhis-web-commons/javascripts/dhis2/dhis2.menu.ui.js"></script>
<link type="text/css" rel="stylesheet" href="/dhis-web-commons/font-awesome/css/font-awesome.min.css"/>
<link type="text/css" rel="stylesheet" media="screen" href="/dhis-web-commons/css/menu.css">

Could you please let us know on if we are missing out anything. Note: There is no issue in header bar. we are able to see it right and it is functioning properly.

Thanks and Regards,

Sultan Ahamar.

Mailing list: https://launchpad.net/~dhis2-devs

Post to : dhis2-devs@lists.launchpad.net

Unsubscribe : https://launchpad.net/~dhis2-devs

More help : https://help.launchpad.net/ListHelp

–

Regards,

Mark Polak

Software developer, DHIS 2

University of Oslo

http://www.dhis2.org

mark@dhis2.org

3

Hi Mark,

Here is the basic structure of our code attached. To run the app, go
through readme to setup nginx. we have a textarea in the app. Try typing
enter in that textarea and see if it redirects. Thanks in advance for
looking into the app and helping us out.

Thanks and Regards,
Sultan Ahamar.

···

On Tue, Apr 19, 2016 at 8:04 PM, Mark Polak <mark@dhis2.org> wrote:

Hey Sultan,

When the apps menu is open and the search field is focused and enter is
pressed it should navigate to the first item. Which seems what it does
currently, however it shouldn't do it when other parts of the page have
focus.

It sounds like the field search-box incorrectly has focus, but if it also
does so when the text-area has focus it might be a bug (what browser are
you using?)

Is this reports app anything you can share so i can have a more detailed
look? I haven't seen this behaviour elsewhere yet. You shouldn't have to
close it programatically for starters.

Regards,

Mark

On Tue, Apr 19, 2016 at 11:03 AM, Sultanahamar Mohammad < > sultanm@thoughtworks.com> wrote:

Hi Team,

We are using d2HeaderBar in our custom app. We have a textarea in our app
and when we press enter in that or anywhere in document, app is redirecting
to dashboard page. Without our knowledge, menu state is set open by
default, we had to close it programatically. To fix this, we have to add
this line to fix it temporarily.

dhis2.menu.mainAppMenu.closeAll();

This is how we are including header bar in our app.

angular.module('Reports', ['ngResource', 'ngRoute', 'ngCookies', 'd2HeaderBar']);

and in html we are just using the tag and the scripts

<d2-header-bar class="noprint"></d2-header-bar>

<script>
   window.dhis2 = window.dhis2 || {};
   dhis2.settings = dhis2.settings || {};
   dhis2.settings.baseUrl = '..';
</script>
<script type="text/javascript" src="/dhis-web-commons/javascripts/dhis2/dhis2.translate.js"></script>
<script type="text/javascript" src="/dhis-web-commons/javascripts/dhis2/dhis2.menu.js"></script>
<script type="text/javascript" src="/dhis-web-commons/javascripts/dhis2/dhis2.menu.ui.js"></script>
<link type="text/css" rel="stylesheet" href="/dhis-web-commons/font-awesome/css/font-awesome.min.css"/>
<link type="text/css" rel="stylesheet" media="screen" href="/dhis-web-commons/css/menu.css">

Could you please let us know on if we are missing out anything.
*Note*: There is no issue in header bar. we are able to see it right and
it is functioning properly.

Thanks and Regards,
Sultan Ahamar.

_______________________________________________
Mailing list: DHIS 2 developers in Launchpad
Post to : dhis2-devs@lists.launchpad.net
Unsubscribe : DHIS 2 developers in Launchpad
More help : ListHelp - Launchpad Help

--
Regards,

Mark Polak
Software developer, DHIS 2
University of Oslo
http://www.dhis2.org <https://www.dhis2.org/&gt;
mark@dhis2.org

4

Hey Sultan,

Unfortunately i have not yet been able to look into your issue. Will do so as soon as i’m able and report back to you.

Regards,

Mark

···

On Wed, Apr 20, 2016 at 7:33 AM, Sultanahamar Mohammad sultanm@thoughtworks.com wrote:

Hi Mark,

Here is the basic structure of our code attached. To run the app, go through readme to setup nginx. we have a textarea in the app. Try typing enter in that textarea and see if it redirects. Thanks in advance for looking into the app and helping us out.

Thanks and Regards,

Sultan Ahamar.

–

On Tue, Apr 19, 2016 at 8:04 PM, Mark Polak mark@dhis2.org wrote:

Hey Sultan,

When the apps menu is open and the search field is focused and enter is pressed it should navigate to the first item. Which seems what it does currently, however it shouldn’t do it when other parts of the page have focus.

It sounds like the field search-box incorrectly has focus, but if it also does so when the text-area has focus it might be a bug (what browser are you using?)

Is this reports app anything you can share so i can have a more detailed look? I haven’t seen this behaviour elsewhere yet. You shouldn’t have to close it programatically for starters.

Regards,

Mark

On Tue, Apr 19, 2016 at 11:03 AM, Sultanahamar Mohammad sultanm@thoughtworks.com wrote:

Hi Team,

We are using d2HeaderBar in our custom app. We have a textarea in our app and when we press enter in that or anywhere in document, app is redirecting to dashboard page. Without our knowledge, menu state is set open by default, we had to close it programatically. To fix this, we have to add this line to fix it temporarily.

dhis2.menu.mainAppMenu.closeAll();

This is how we are including header bar in our app.

angular.module('Reports', ['ngResource', 'ngRoute', 'ngCookies', 'd2HeaderBar']);

and in html we are just using the tag and the scripts

<d2-header-bar class="noprint"></d2-header-bar>

<script>
   window.dhis2 = window.dhis2 || {};
   dhis2.settings = dhis2.settings || {};
   dhis2.settings.baseUrl = '..';
</script>
<script type="text/javascript" src="/dhis-web-commons/javascripts/dhis2/dhis2.translate.js"></script>
<script type="text/javascript" src="/dhis-web-commons/javascripts/dhis2/dhis2.menu.js"></script>
<script type="text/javascript" src="/dhis-web-commons/javascripts/dhis2/dhis2.menu.ui.js"></script>
<link type="text/css" rel="stylesheet" href="/dhis-web-commons/font-awesome/css/font-awesome.min.css"/>
<link type="text/css" rel="stylesheet" media="screen" href="/dhis-web-commons/css/menu.css">

Could you please let us know on if we are missing out anything. Note: There is no issue in header bar. we are able to see it right and it is functioning properly.

Thanks and Regards,

Sultan Ahamar.

Mailing list: https://launchpad.net/~dhis2-devs

Post to : dhis2-devs@lists.launchpad.net

Unsubscribe : https://launchpad.net/~dhis2-devs

More help : https://help.launchpad.net/ListHelp

Regards,

Mark Polak

Software developer, DHIS 2

University of Oslo

http://www.dhis2.org

mark@dhis2.org

–

Regards,

Mark Polak

Software developer, DHIS 2

University of Oslo

http://www.dhis2.org

mark@dhis2.org

5

Sure Mark. We will be looking forward for it.

Regards,

Sultan Ahamar.

···

On Thu, Apr 21, 2016 at 5:34 PM, Mark Polak mark@dhis2.org wrote:

Hey Sultan,

Unfortunately i have not yet been able to look into your issue. Will do so as soon as i’m able and report back to you.

Regards,

Mark

On Wed, Apr 20, 2016 at 7:33 AM, Sultanahamar Mohammad sultanm@thoughtworks.com wrote:

Hi Mark,

Here is the basic structure of our code attached. To run the app, go through readme to setup nginx. we have a textarea in the app. Try typing enter in that textarea and see if it redirects. Thanks in advance for looking into the app and helping us out.

Thanks and Regards,

Sultan Ahamar.

–
Regards,

Mark Polak

Software developer, DHIS 2

University of Oslo

http://www.dhis2.org

mark@dhis2.org

On Tue, Apr 19, 2016 at 8:04 PM, Mark Polak mark@dhis2.org wrote:

Hey Sultan,

When the apps menu is open and the search field is focused and enter is pressed it should navigate to the first item. Which seems what it does currently, however it shouldn’t do it when other parts of the page have focus.

It sounds like the field search-box incorrectly has focus, but if it also does so when the text-area has focus it might be a bug (what browser are you using?)

Is this reports app anything you can share so i can have a more detailed look? I haven’t seen this behaviour elsewhere yet. You shouldn’t have to close it programatically for starters.

Regards,

Mark

On Tue, Apr 19, 2016 at 11:03 AM, Sultanahamar Mohammad sultanm@thoughtworks.com wrote:

Hi Team,

We are using d2HeaderBar in our custom app. We have a textarea in our app and when we press enter in that or anywhere in document, app is redirecting to dashboard page. Without our knowledge, menu state is set open by default, we had to close it programatically. To fix this, we have to add this line to fix it temporarily.

dhis2.menu.mainAppMenu.closeAll();

This is how we are including header bar in our app.

angular.module('Reports', ['ngResource', 'ngRoute', 'ngCookies', 'd2HeaderBar']);

and in html we are just using the tag and the scripts

<d2-header-bar class="noprint"></d2-header-bar>

<script>
   window.dhis2 = window.dhis2 || {};
   dhis2.settings = dhis2.settings || {};
   dhis2.settings.baseUrl = '..';
</script>
<script type="text/javascript" src="/dhis-web-commons/javascripts/dhis2/dhis2.translate.js"></script>
<script type="text/javascript" src="/dhis-web-commons/javascripts/dhis2/dhis2.menu.js"></script>
<script type="text/javascript" src="/dhis-web-commons/javascripts/dhis2/dhis2.menu.ui.js"></script>
<link type="text/css" rel="stylesheet" href="/dhis-web-commons/font-awesome/css/font-awesome.min.css"/>
<link type="text/css" rel="stylesheet" media="screen" href="/dhis-web-commons/css/menu.css">

Could you please let us know on if we are missing out anything. Note: There is no issue in header bar. we are able to see it right and it is functioning properly.

Thanks and Regards,

Sultan Ahamar.

Mailing list: https://launchpad.net/~dhis2-devs

Post to : dhis2-devs@lists.launchpad.net

Unsubscribe : https://launchpad.net/~dhis2-devs

More help : https://help.launchpad.net/ListHelp

Regards,

Mark Polak

Software developer, DHIS 2

University of Oslo

http://www.dhis2.org

mark@dhis2.org

–

6

Hi Mark,

Could you please look into this and let us know.

Thanks and Regards,

Sultan Ahamar.

···

On Thu, Apr 21, 2016 at 6:52 PM, Sultanahamar Mohammad sultanm@thoughtworks.com wrote:

Sure Mark. We will be looking forward for it.

Regards,

Sultan Ahamar.

On Thu, Apr 21, 2016 at 5:34 PM, Mark Polak mark@dhis2.org wrote:

Hey Sultan,

Unfortunately i have not yet been able to look into your issue. Will do so as soon as i’m able and report back to you.

Regards,

Mark

On Wed, Apr 20, 2016 at 7:33 AM, Sultanahamar Mohammad sultanm@thoughtworks.com wrote:

Hi Mark,

Here is the basic structure of our code attached. To run the app, go through readme to setup nginx. we have a textarea in the app. Try typing enter in that textarea and see if it redirects. Thanks in advance for looking into the app and helping us out.

Thanks and Regards,

Sultan Ahamar.

–
Regards,

Mark Polak

Software developer, DHIS 2

University of Oslo

http://www.dhis2.org

mark@dhis2.org

On Tue, Apr 19, 2016 at 8:04 PM, Mark Polak mark@dhis2.org wrote:

Hey Sultan,

When the apps menu is open and the search field is focused and enter is pressed it should navigate to the first item. Which seems what it does currently, however it shouldn’t do it when other parts of the page have focus.

It sounds like the field search-box incorrectly has focus, but if it also does so when the text-area has focus it might be a bug (what browser are you using?)

Is this reports app anything you can share so i can have a more detailed look? I haven’t seen this behaviour elsewhere yet. You shouldn’t have to close it programatically for starters.

Regards,

Mark

On Tue, Apr 19, 2016 at 11:03 AM, Sultanahamar Mohammad sultanm@thoughtworks.com wrote:

Hi Team,

We are using d2HeaderBar in our custom app. We have a textarea in our app and when we press enter in that or anywhere in document, app is redirecting to dashboard page. Without our knowledge, menu state is set open by default, we had to close it programatically. To fix this, we have to add this line to fix it temporarily.

dhis2.menu.mainAppMenu.closeAll();

This is how we are including header bar in our app.

angular.module('Reports', ['ngResource', 'ngRoute', 'ngCookies', 'd2HeaderBar']);

and in html we are just using the tag and the scripts

<d2-header-bar class="noprint"></d2-header-bar>

<script>
   window.dhis2 = window.dhis2 || {};
   dhis2.settings = dhis2.settings || {};
   dhis2.settings.baseUrl = '..';
</script>
<script type="text/javascript" src="/dhis-web-commons/javascripts/dhis2/dhis2.translate.js"></script>
<script type="text/javascript" src="/dhis-web-commons/javascripts/dhis2/dhis2.menu.js"></script>
<script type="text/javascript" src="/dhis-web-commons/javascripts/dhis2/dhis2.menu.ui.js"></script>
<link type="text/css" rel="stylesheet" href="/dhis-web-commons/font-awesome/css/font-awesome.min.css"/>
<link type="text/css" rel="stylesheet" media="screen" href="/dhis-web-commons/css/menu.css">

Could you please let us know on if we are missing out anything. Note: There is no issue in header bar. we are able to see it right and it is functioning properly.

Thanks and Regards,

Sultan Ahamar.

Mailing list: https://launchpad.net/~dhis2-devs

Post to : dhis2-devs@lists.launchpad.net

Unsubscribe : https://launchpad.net/~dhis2-devs

More help : https://help.launchpad.net/ListHelp

Regards,

Mark Polak

Software developer, DHIS 2

University of Oslo

http://www.dhis2.org

mark@dhis2.org

–

7

Hi Mark,

Could you please check the code attached above and let us know on the issue.

Regards,

Sultan Ahamar

···

On Tue, May 3, 2016 at 5:12 PM, Sultanahamar Mohammad sultanm@thoughtworks.com wrote:

Hi Mark,

Could you please look into this and let us know.

Thanks and Regards,

Sultan Ahamar.

On Thu, Apr 21, 2016 at 6:52 PM, Sultanahamar Mohammad sultanm@thoughtworks.com wrote:

Sure Mark. We will be looking forward for it.

Regards,

Sultan Ahamar.

On Thu, Apr 21, 2016 at 5:34 PM, Mark Polak mark@dhis2.org wrote:

Hey Sultan,

Unfortunately i have not yet been able to look into your issue. Will do so as soon as i’m able and report back to you.

Regards,

Mark

On Wed, Apr 20, 2016 at 7:33 AM, Sultanahamar Mohammad sultanm@thoughtworks.com wrote:

Hi Mark,

Here is the basic structure of our code attached. To run the app, go through readme to setup nginx. we have a textarea in the app. Try typing enter in that textarea and see if it redirects. Thanks in advance for looking into the app and helping us out.

Thanks and Regards,

Sultan Ahamar.

–
Regards,

Mark Polak

Software developer, DHIS 2

University of Oslo

http://www.dhis2.org

mark@dhis2.org

On Tue, Apr 19, 2016 at 8:04 PM, Mark Polak mark@dhis2.org wrote:

Hey Sultan,

When the apps menu is open and the search field is focused and enter is pressed it should navigate to the first item. Which seems what it does currently, however it shouldn’t do it when other parts of the page have focus.

It sounds like the field search-box incorrectly has focus, but if it also does so when the text-area has focus it might be a bug (what browser are you using?)

Is this reports app anything you can share so i can have a more detailed look? I haven’t seen this behaviour elsewhere yet. You shouldn’t have to close it programatically for starters.

Regards,

Mark

On Tue, Apr 19, 2016 at 11:03 AM, Sultanahamar Mohammad sultanm@thoughtworks.com wrote:

Hi Team,

We are using d2HeaderBar in our custom app. We have a textarea in our app and when we press enter in that or anywhere in document, app is redirecting to dashboard page. Without our knowledge, menu state is set open by default, we had to close it programatically. To fix this, we have to add this line to fix it temporarily.

dhis2.menu.mainAppMenu.closeAll();

This is how we are including header bar in our app.

angular.module('Reports', ['ngResource', 'ngRoute', 'ngCookies', 'd2HeaderBar']);

and in html we are just using the tag and the scripts

<d2-header-bar class="noprint"></d2-header-bar>

<script>
   window.dhis2 = window.dhis2 || {};
   dhis2.settings = dhis2.settings || {};
   dhis2.settings.baseUrl = '..';
</script>
<script type="text/javascript" src="/dhis-web-commons/javascripts/dhis2/dhis2.translate.js"></script>
<script type="text/javascript" src="/dhis-web-commons/javascripts/dhis2/dhis2.menu.js"></script>
<script type="text/javascript" src="/dhis-web-commons/javascripts/dhis2/dhis2.menu.ui.js"></script>
<link type="text/css" rel="stylesheet" href="/dhis-web-commons/font-awesome/css/font-awesome.min.css"/>
<link type="text/css" rel="stylesheet" media="screen" href="/dhis-web-commons/css/menu.css">

Could you please let us know on if we are missing out anything. Note: There is no issue in header bar. we are able to see it right and it is functioning properly.

Thanks and Regards,

Sultan Ahamar.

Mailing list: https://launchpad.net/~dhis2-devs

Post to : dhis2-devs@lists.launchpad.net

Unsubscribe : https://launchpad.net/~dhis2-devs

More help : https://help.launchpad.net/ListHelp

Regards,

Mark Polak

Software developer, DHIS 2

University of Oslo

http://www.dhis2.org

mark@dhis2.org

–