Custom Tracked Entity Form

Greetings…

In my effort to create a custom tracked entity form with bi-lingual (English & French) functionality…I quickly decided to use jQuery and HTML DIVs as coded here http://pastebin.com/CP3u1jZ8 i.e. this is just a snippet of the code.

As a newbie i finally got it working on my HTTP localhost (outside DHIS2) however as i try to replicate it inside the DHIS2 tracked entity form - alas - things go wrong; i can’t seem to get it working with the show/hide functionality its intended for. Once i select French from the select option, it displays the French DIV but also leaves the English DIV showing too.

Any help on this is much appreciated…

···

Blessings & regards

Martin Namutso (Snr)
IT/MIS Consultant | Mob: +256 782 006 662 / +256 704 336 161 | http://ug.linkedin.com/in/mnamutso

1. To oppose Corruption in government is the highest obligation of patriotism - G. Edward Griffin
2.
Try not to become a man of success but a man of value - Albert Einstein

Hi Martin,

I am a bit unsure with things here… which show/hide functionality are you referring?

Can you provide us some details?

···

On Wed, Aug 20, 2014 at 3:05 PM, Martin Namutso mnamutso@gmail.com wrote:

Greetings…

In my effort to create a custom tracked entity form with bi-lingual (English & French) functionality…I quickly decided to use jQuery and HTML DIVs as coded here http://pastebin.com/CP3u1jZ8 i.e. this is just a snippet of the code.

As a newbie i finally got it working on my HTTP localhost (outside DHIS2) however as i try to replicate it inside the DHIS2 tracked entity form - alas - things go wrong; i can’t seem to get it working with the show/hide functionality its intended for. Once i select French from the select option, it displays the French DIV but also leaves the English DIV showing too.

Any help on this is much appreciated…


Blessings & regards

Martin Namutso (Snr)
IT/MIS Consultant | Mob: +256 782 006 662 / +256 704 336 161 | http://ug.linkedin.com/in/mnamutso

1. To oppose Corruption in government is the highest obligation of patriotism - G. Edward Griffin
2.
Try not to become a man of success but a man of value - Albert Einstein


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

It’s at the bottom of his pastebin script, he wants to change between English and French

···

On Wed, Aug 20, 2014 at 3:05 PM, Martin Namutso mnamutso@gmail.com wrote:

Greetings…

In my effort to create a custom tracked entity form with bi-lingual (English & French) functionality…I quickly decided to use jQuery and HTML DIVs as coded here http://pastebin.com/CP3u1jZ8 i.e. this is just a snippet of the code.

As a newbie i finally got it working on my HTTP localhost (outside DHIS2) however as i try to replicate it inside the DHIS2 tracked entity form - alas - things go wrong; i can’t seem to get it working with the show/hide functionality its intended for. Once i select French from the select option, it displays the French DIV but also leaves the English DIV showing too.

Any help on this is much appreciated…


Blessings & regards

Martin Namutso (Snr)
IT/MIS Consultant | Mob: +256 782 006 662 / +256 704 336 161 | http://ug.linkedin.com/in/mnamutso

1. To oppose Corruption in government is the highest obligation of patriotism - G. Edward Griffin
2.
Try not to become a man of success but a man of value - Albert Einstein


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

Yes I can see that…have looked at his code as well. but not sure which show/hide he was talking - because there is also a show/hide in the app.

the way app works is that… if you have a custom form defined it is displayed by default. The app also provides a button to toggle back to default form… in case you want to revert back.

when in custom form, the app parses and renders whatever is put under the “custom form” … from there on, the custom form/code takes in charge of things. can he see all his code rendered?

···

On Thu, Aug 21, 2014 at 9:17 AM, Knut Staring knutst@gmail.com wrote:

It’s at the bottom of his pastebin script, he wants to change between English and French

On 21 Aug 2014 09:12, “Abyot Gizaw” abyota@gmail.com wrote:

Hi Martin,

I am a bit unsure with things here… which show/hide functionality are you referring?

Can you provide us some details?


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

On Wed, Aug 20, 2014 at 3:05 PM, Martin Namutso mnamutso@gmail.com wrote:

Greetings…

In my effort to create a custom tracked entity form with bi-lingual (English & French) functionality…I quickly decided to use jQuery and HTML DIVs as coded here http://pastebin.com/CP3u1jZ8 i.e. this is just a snippet of the code.

As a newbie i finally got it working on my HTTP localhost (outside DHIS2) however as i try to replicate it inside the DHIS2 tracked entity form - alas - things go wrong; i can’t seem to get it working with the show/hide functionality its intended for. Once i select French from the select option, it displays the French DIV but also leaves the English DIV showing too.

Any help on this is much appreciated…


Blessings & regards

Martin Namutso (Snr)
IT/MIS Consultant | Mob: +256 782 006 662 / +256 704 336 161 | http://ug.linkedin.com/in/mnamutso

1. To oppose Corruption in government is the highest obligation of patriotism - G. Edward Griffin
2.
Try not to become a man of success but a man of value - Albert Einstein


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

Hi Abyot,

Attached are the current developer console errors. Well to explain a little more at what i want to achieve here is:-

I have this custom form, for which i would like to have both English & French and what i have basically done is i have made 3 divs; 1 for en, another for fr and the last one for the inputs. I have written a jQuery to switch between en and fr. Currently it renders in my browser just fine with the errors captured below.

Am sure i got something wrong and i would love to follow this up and write up a case on it for wider sharing…If it helps, we could skype (id => mnamutso) to get my thinking better.

image

image

···

Blessings & regards

Martin Namutso
IT/MIS Consultant | Mob: +256 782 006 662 / +256 704 336 161 | http://ug.linkedin.com/in/mnamutso

1. To oppose Corruption in government is the highest obligation of patriotism - G. Edward Griffin
2. Try not to become a man of success but a man of value - Albert Einstein

On Thu, Aug 21, 2014 at 10:27 AM, Abyot Gizaw abyota@gmail.com wrote:

Yes I can see that…have looked at his code as well. but not sure which show/hide he was talking - because there is also a show/hide in the app.

the way app works is that… if you have a custom form defined it is displayed by default. The app also provides a button to toggle back to default form… in case you want to revert back.

when in custom form, the app parses and renders whatever is put under the “custom form” … from there on, the custom form/code takes in charge of things. can he see all his code rendered?

On Thu, Aug 21, 2014 at 9:17 AM, Knut Staring knutst@gmail.com wrote:

It’s at the bottom of his pastebin script, he wants to change between English and French

On 21 Aug 2014 09:12, “Abyot Gizaw” abyota@gmail.com wrote:

Hi Martin,

I am a bit unsure with things here… which show/hide functionality are you referring?

Can you provide us some details?


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

On Wed, Aug 20, 2014 at 3:05 PM, Martin Namutso mnamutso@gmail.com wrote:

Greetings…

In my effort to create a custom tracked entity form with bi-lingual (English & French) functionality…I quickly decided to use jQuery and HTML DIVs as coded here http://pastebin.com/CP3u1jZ8 i.e. this is just a snippet of the code.

As a newbie i finally got it working on my HTTP localhost (outside DHIS2) however as i try to replicate it inside the DHIS2 tracked entity form - alas - things go wrong; i can’t seem to get it working with the show/hide functionality its intended for. Once i select French from the select option, it displays the French DIV but also leaves the English DIV showing too.

Any help on this is much appreciated…


Blessings & regards

Martin Namutso (Snr)
IT/MIS Consultant | Mob: +256 782 006 662 / +256 704 336 161 | http://ug.linkedin.com/in/mnamutso

1. To oppose Corruption in government is the highest obligation of patriotism - G. Edward Griffin
2.
Try not to become a man of success but a man of value - Albert Einstein


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

An update to this is that…even with those errors, it’s saving my Immediate report capture successfully…

···

Blessings & regards

Martin Namutso
IT/MIS Consultant | Mob: +256 782 006 662 / +256 704 336 161 | http://ug.linkedin.com/in/mnamutso

1. To oppose Corruption in government is the highest obligation of patriotism - G. Edward Griffin
2. Try not to become a man of success but a man of value - Albert Einstein

On Thu, Aug 21, 2014 at 1:57 PM, Martin Namutso mnamutso@gmail.com wrote:

Hi Abyot,

Attached are the current developer console errors. Well to explain a little more at what i want to achieve here is:-

I have this custom form, for which i would like to have both English & French and what i have basically done is i have made 3 divs; 1 for en, another for fr and the last one for the inputs. I have written a jQuery to switch between en and fr. Currently it renders in my browser just fine with the errors captured below.

Am sure i got something wrong and i would love to follow this up and write up a case on it for wider sharing…If it helps, we could skype (id => mnamutso) to get my thinking better.


Blessings & regards

Martin Namutso

IT/MIS Consultant | Mob: +256 782 006 662 / +256 704 336 161 | http://ug.linkedin.com/in/mnamutso

1. To oppose Corruption in government is the highest obligation of patriotism - G. Edward Griffin
2. Try not to become a man of success but a man of value - Albert Einstein

On Thu, Aug 21, 2014 at 10:27 AM, Abyot Gizaw abyota@gmail.com wrote:

Yes I can see that…have looked at his code as well. but not sure which show/hide he was talking - because there is also a show/hide in the app.

the way app works is that… if you have a custom form defined it is displayed by default. The app also provides a button to toggle back to default form… in case you want to revert back.

when in custom form, the app parses and renders whatever is put under the “custom form” … from there on, the custom form/code takes in charge of things. can he see all his code rendered?

On Thu, Aug 21, 2014 at 9:17 AM, Knut Staring knutst@gmail.com wrote:

It’s at the bottom of his pastebin script, he wants to change between English and French

On 21 Aug 2014 09:12, “Abyot Gizaw” abyota@gmail.com wrote:

Hi Martin,

I am a bit unsure with things here… which show/hide functionality are you referring?

Can you provide us some details?


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

On Wed, Aug 20, 2014 at 3:05 PM, Martin Namutso mnamutso@gmail.com wrote:

Greetings…

In my effort to create a custom tracked entity form with bi-lingual (English & French) functionality…I quickly decided to use jQuery and HTML DIVs as coded here http://pastebin.com/CP3u1jZ8 i.e. this is just a snippet of the code.

As a newbie i finally got it working on my HTTP localhost (outside DHIS2) however as i try to replicate it inside the DHIS2 tracked entity form - alas - things go wrong; i can’t seem to get it working with the show/hide functionality its intended for. Once i select French from the select option, it displays the French DIV but also leaves the English DIV showing too.

Any help on this is much appreciated…


Blessings & regards

Martin Namutso (Snr)
IT/MIS Consultant | Mob: +256 782 006 662 / +256 704 336 161 | http://ug.linkedin.com/in/mnamutso

1. To oppose Corruption in government is the highest obligation of patriotism - G. Edward Griffin
2.
Try not to become a man of success but a man of value - Albert Einstein


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

Hi Martin,

The 404 response is when you have something missing - in your case jquery. From your pasetbin you have something like

I guess it should be…

But I don’t think this is the real issue… you can remove the above like because jquery is already added by the app that is why your code is till working … though not doing what you wanted to do.

···

On Thu, Aug 21, 2014 at 12:57 PM, Martin Namutso mnamutso@gmail.com wrote:

Hi Abyot,

Attached are the current developer console errors. Well to explain a little more at what i want to achieve here is:-

I have this custom form, for which i would like to have both English & French and what i have basically done is i have made 3 divs; 1 for en, another for fr and the last one for the inputs. I have written a jQuery to switch between en and fr. Currently it renders in my browser just fine with the errors captured below.

Am sure i got something wrong and i would love to follow this up and write up a case on it for wider sharing…If it helps, we could skype (id => mnamutso) to get my thinking better.


Blessings & regards

Martin Namutso

IT/MIS Consultant | Mob: +256 782 006 662 / +256 704 336 161 | http://ug.linkedin.com/in/mnamutso

1. To oppose Corruption in government is the highest obligation of patriotism - G. Edward Griffin
2. Try not to become a man of success but a man of value - Albert Einstein

On Thu, Aug 21, 2014 at 10:27 AM, Abyot Gizaw abyota@gmail.com wrote:

Yes I can see that…have looked at his code as well. but not sure which show/hide he was talking - because there is also a show/hide in the app.

the way app works is that… if you have a custom form defined it is displayed by default. The app also provides a button to toggle back to default form… in case you want to revert back.

when in custom form, the app parses and renders whatever is put under the “custom form” … from there on, the custom form/code takes in charge of things. can he see all his code rendered?

On Thu, Aug 21, 2014 at 9:17 AM, Knut Staring knutst@gmail.com wrote:

It’s at the bottom of his pastebin script, he wants to change between English and French

On 21 Aug 2014 09:12, “Abyot Gizaw” abyota@gmail.com wrote:

Hi Martin,

I am a bit unsure with things here… which show/hide functionality are you referring?

Can you provide us some details?


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

On Wed, Aug 20, 2014 at 3:05 PM, Martin Namutso mnamutso@gmail.com wrote:

Greetings…

In my effort to create a custom tracked entity form with bi-lingual (English & French) functionality…I quickly decided to use jQuery and HTML DIVs as coded here http://pastebin.com/CP3u1jZ8 i.e. this is just a snippet of the code.

As a newbie i finally got it working on my HTTP localhost (outside DHIS2) however as i try to replicate it inside the DHIS2 tracked entity form - alas - things go wrong; i can’t seem to get it working with the show/hide functionality its intended for. Once i select French from the select option, it displays the French DIV but also leaves the English DIV showing too.

Any help on this is much appreciated…


Blessings & regards

Martin Namutso (Snr)
IT/MIS Consultant | Mob: +256 782 006 662 / +256 704 336 161 | http://ug.linkedin.com/in/mnamutso

1. To oppose Corruption in government is the highest obligation of patriotism - G. Edward Griffin
2.
Try not to become a man of success but a man of value - Albert Einstein


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