Custom Forms

Hi DHIS team,

I want to further customize some forms developed by some users we trained on DHIS2 by adding some javascript/json to put in tabs because the form is long(see attachment). Anyone who has done this before, please help with a sample of the script or a resource to allow faster development.

rgds

David

dhis2 custom forms.docx (153 KB)

Hello,

Despite the fact that we didn’t see all of the form in your screen capture, I think Section Forms could help you !

In Edit Data Set, dont forget to set : Render sections as tabs to Yes

https://www.dhis2.org/doc/snapshot/en/user/html/ch06s02.html#d5e1294

Sincerely,

···

=========================
EKANI Guy

Le Lundi 19 janvier 2015 18h22, David Muturi dnmuturi@gmail.com a écrit :

Hi DHIS team,

I want to further customize some forms developed by some users we trained on DHIS2 by adding some javascript/json to put in tabs because the form is long(see attachment). Anyone who has done this before, please help with a sample of the script or a resource to allow faster development.

rgds

David


Mailing list: https://launchpad.net/~dhis2-users
Post to : dhis2-users@lists.launchpad.net
Unsubscribe : https://launchpad.net/~dhis2-users
More help : https://help.launchpad.net/ListHelp

Many thanks Guy, I am aware of the section forms, this only applies to the default forms, what I wanted was a script to enable the custom form get tabs.
rgds

David

···

2015-01-20 7:00 GMT+03:00 Guy Ekani constyekani@yahoo.fr:

Hello,

Despite the fact that we didn’t see all of the form in your screen capture, I think Section Forms could help you !

In Edit Data Set, dont forget to set : Render sections as tabs to Yes

https://www.dhis2.org/doc/snapshot/en/user/html/ch06s02.html#d5e1294

Sincerely,

=========================
EKANI Guy

Le Lundi 19 janvier 2015 18h22, David Muturi dnmuturi@gmail.com a écrit :

Hi DHIS team,

I want to further customize some forms developed by some users we trained on DHIS2 by adding some javascript/json to put in tabs because the form is long(see attachment). Anyone who has done this before, please help with a sample of the script or a resource to allow faster development.

rgds

David


Mailing list: https://launchpad.net/~dhis2-users
Post to : dhis2-users@lists.launchpad.net
Unsubscribe : https://launchpad.net/~dhis2-users
More help : https://help.launchpad.net/ListHelp

Hi David,

Can you try below sample.

....
....
....
···

On Tue, Jan 20, 2015 at 1:07 PM, David Muturi dnmuturi@gmail.com wrote:

Many thanks Guy, I am aware of the section forms, this only applies to the default forms, what I wanted was a script to enable the custom form get tabs.
rgds

David


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

2015-01-20 7:00 GMT+03:00 Guy Ekani constyekani@yahoo.fr:

Hello,

Despite the fact that we didn’t see all of the form in your screen capture, I think Section Forms could help you !

In Edit Data Set, dont forget to set : Render sections as tabs to Yes

https://www.dhis2.org/doc/snapshot/en/user/html/ch06s02.html#d5e1294

Sincerely,

=========================
EKANI Guy

Le Lundi 19 janvier 2015 18h22, David Muturi dnmuturi@gmail.com a écrit :

Hi DHIS team,

I want to further customize some forms developed by some users we trained on DHIS2 by adding some javascript/json to put in tabs because the form is long(see attachment). Anyone who has done this before, please help with a sample of the script or a resource to allow faster development.

rgds

David


Mailing list: https://launchpad.net/~dhis2-users
Post to : dhis2-users@lists.launchpad.net
Unsubscribe : https://launchpad.net/~dhis2-users
More help : https://help.launchpad.net/ListHelp

Docs for jquery ui tabs here:

http://jqueryui.com/tabs/

Lars

Many thanks Thuy, I will try this out and revert.
rgds

David

···

2015-01-20 9:50 GMT+03:00 Thuy Nguyen thuy.hispvietnam@gmail.com:

Hi David,

Can you try below sample.

  • Tab names
  • Tab names
  • Tab names
  • ....
    ....
    ....

    On Tue, Jan 20, 2015 at 1:07 PM, David Muturi dnmuturi@gmail.com wrote:

    Many thanks Guy, I am aware of the section forms, this only applies to the default forms, what I wanted was a script to enable the custom form get tabs.
    rgds

    David


    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

    2015-01-20 7:00 GMT+03:00 Guy Ekani constyekani@yahoo.fr:

    Hello,

    Despite the fact that we didn’t see all of the form in your screen capture, I think Section Forms could help you !

    In Edit Data Set, dont forget to set : Render sections as tabs to Yes

    https://www.dhis2.org/doc/snapshot/en/user/html/ch06s02.html#d5e1294

    Sincerely,

    =========================
    EKANI Guy

    Le Lundi 19 janvier 2015 18h22, David Muturi dnmuturi@gmail.com a écrit :

    Hi DHIS team,

    I want to further customize some forms developed by some users we trained on DHIS2 by adding some javascript/json to put in tabs because the form is long(see attachment). Anyone who has done this before, please help with a sample of the script or a resource to allow faster development.

    rgds

    David


    Mailing list: https://launchpad.net/~dhis2-users
    Post to : dhis2-users@lists.launchpad.net
    Unsubscribe : https://launchpad.net/~dhis2-users
    More help : https://help.launchpad.net/ListHelp

    Asante Lars, nice and simple.
    rgds

    David

    ···

    2015-01-20 11:34 GMT+03:00 Lars Helge Øverland larshelge@gmail.com:

    Docs for jquery ui tabs here:

    http://jqueryui.com/tabs/

    Lars

    Hi Thuy,
    Many thanks. I used your solution and it worked.

    rgds

    David

    ···

    2015-01-20 9:50 GMT+03:00 Thuy Nguyen thuy.hispvietnam@gmail.com:

    Hi David,

    Can you try below sample.

  • Tab names
  • Tab names
  • Tab names
  • ....
    ....
    ....

    On Tue, Jan 20, 2015 at 1:07 PM, David Muturi dnmuturi@gmail.com wrote:

    Many thanks Guy, I am aware of the section forms, this only applies to the default forms, what I wanted was a script to enable the custom form get tabs.
    rgds

    David


    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

    2015-01-20 7:00 GMT+03:00 Guy Ekani constyekani@yahoo.fr:

    Hello,

    Despite the fact that we didn’t see all of the form in your screen capture, I think Section Forms could help you !

    In Edit Data Set, dont forget to set : Render sections as tabs to Yes

    https://www.dhis2.org/doc/snapshot/en/user/html/ch06s02.html#d5e1294

    Sincerely,

    =========================
    EKANI Guy

    Le Lundi 19 janvier 2015 18h22, David Muturi dnmuturi@gmail.com a écrit :

    Hi DHIS team,

    I want to further customize some forms developed by some users we trained on DHIS2 by adding some javascript/json to put in tabs because the form is long(see attachment). Anyone who has done this before, please help with a sample of the script or a resource to allow faster development.

    rgds

    David


    Mailing list: https://launchpad.net/~dhis2-users
    Post to : dhis2-users@lists.launchpad.net
    Unsubscribe : https://launchpad.net/~dhis2-users
    More help : https://help.launchpad.net/ListHelp