Header location for Data Entry tables

Hi Mark and Nicolay

Hope you both are doing well.

Have you had a chance to look into Kaustav’s email?

We have started a new iteration and wanted to pick up this work asap. Any help would be greatly appreciated.

Thanks in advance

Vanya

···

On Tue, Mar 15, 2016 at 6:36 PM, Kaustav Chakraborty kaustavc@thoughtworks.com wrote:

Hi Mark

Hope you are doing well.

We want to make some enhancements to the Data entry app. Which is to make the data entry table header ( category combo header ) stay constant even if we scroll down the page, so that the user knows which column they are entering the data in.

These are a few questions,

1. Would this be alright to add this to DHIS?

2. If you have any recommendations regarding the implementation of this feature? Like using some library or anything of that sort?

At our end we have explored a few things:

Assume, the table is structured as below,

table
    thead
        tr
            th
    tbody
        tr
            td

1. Using a Library:

There is a javascript library called floatThead that can be leveraged for this. It also works with multiple tables present in a single page. So while scrolling the table header remain fixed for each tables.

2. Not using any library,

We can have some fixed height given to a table body and put the y-axis scroll for the table. User has to come to the table element and scroll to get their data element to be seen.

I have attached the screenshots for better understanding.

We are waiting for your response.

Thanks & Regards,

Kaustav Chakraborty
STEP Intern
Email
kaustavc@thoughtworks.com
Telephone
+91 91009 60526
ThoughtWorks

With Regards
ThoughtWorks Technologies

Hyderabad

–Stay Hungry Stay Foolish!!

Hey Vanya,

Thank you for your patience. I’m waiting for a reply from Lars on this. Will ask him to confirm again :wink:

Regards,

Mark

···

On Thu, Mar 17, 2016 at 3:34 PM, Vanya Seth vanyas@thoughtworks.com wrote:

Hi Mark and Nicolay

Hope you both are doing well.

Have you had a chance to look into Kaustav’s email?

We have started a new iteration and wanted to pick up this work asap. Any help would be greatly appreciated.

Thanks in advance

Vanya

On Tue, Mar 15, 2016 at 6:36 PM, Kaustav Chakraborty kaustavc@thoughtworks.com wrote:

Hi Mark

Hope you are doing well.

We want to make some enhancements to the Data entry app. Which is to make the data entry table header ( category combo header ) stay constant even if we scroll down the page, so that the user knows which column they are entering the data in.

These are a few questions,

1. Would this be alright to add this to DHIS?

2. If you have any recommendations regarding the implementation of this feature? Like using some library or anything of that sort?

At our end we have explored a few things:

Assume, the table is structured as below,

table
    thead
        tr
            th
    tbody
        tr
            td

1. Using a Library:

There is a javascript library called floatThead that can be leveraged for this. It also works with multiple tables present in a single page. So while scrolling the table header remain fixed for each tables.

2. Not using any library,

We can have some fixed height given to a table body and put the y-axis scroll for the table. User has to come to the table element and scroll to get their data element to be seen.

I have attached the screenshots for better understanding.

We are waiting for your response.

Thanks & Regards,

Kaustav Chakraborty
STEP Intern
Email
kaustavc@thoughtworks.com
Telephone
+91 91009 60526
ThoughtWorks

With Regards
ThoughtWorks Technologies

Hyderabad

–Stay Hungry Stay Foolish!!

Hey Kaustav and Vanya,

Your projected changes are related to section forms (not custom forms) is that correct?

For custom forms the users are able to “hack” the html representation. Therefore they could accidentally break this feature, which makes it seem not reliable.

So it is for section forms then (the default generated forms) then we think this would be a welcome feature to go into trunk.

Regards,

Mark

···

On Thu, Mar 17, 2016 at 4:03 PM, Mark Polak mark@dhis2.org wrote:

Hey Vanya,

Thank you for your patience. I’m waiting for a reply from Lars on this. Will ask him to confirm again :wink:

Regards,

Mark

On Thu, Mar 17, 2016 at 3:34 PM, Vanya Seth vanyas@thoughtworks.com wrote:

Hi Mark and Nicolay

Hope you both are doing well.

Have you had a chance to look into Kaustav’s email?

We have started a new iteration and wanted to pick up this work asap. Any help would be greatly appreciated.

Thanks in advance

Vanya

On Tue, Mar 15, 2016 at 6:36 PM, Kaustav Chakraborty kaustavc@thoughtworks.com wrote:

Hi Mark

Hope you are doing well.

We want to make some enhancements to the Data entry app. Which is to make the data entry table header ( category combo header ) stay constant even if we scroll down the page, so that the user knows which column they are entering the data in.

These are a few questions,

1. Would this be alright to add this to DHIS?

2. If you have any recommendations regarding the implementation of this feature? Like using some library or anything of that sort?

At our end we have explored a few things:

Assume, the table is structured as below,

table
    thead
        tr
            th
    tbody
        tr
            td

1. Using a Library:

There is a javascript library called floatThead that can be leveraged for this. It also works with multiple tables present in a single page. So while scrolling the table header remain fixed for each tables.

2. Not using any library,

We can have some fixed height given to a table body and put the y-axis scroll for the table. User has to come to the table element and scroll to get their data element to be seen.

I have attached the screenshots for better understanding.

We are waiting for your response.

Thanks & Regards,

Kaustav Chakraborty
STEP Intern
Email
kaustavc@thoughtworks.com
Telephone
+91 91009 60526
ThoughtWorks

With Regards
ThoughtWorks Technologies

Hyderabad

–Stay Hungry Stay Foolish!!

Hi,

It is a good feature to have for default forms … also nice would be to stick data element names as well. so that both vertical and horizontal scrolling won’t hide critical information. With the notification popup we have currently, users have to kind of take their eyes up to see which input field they are interacting.

As to the custom forms… we can’t make any changes to them.

···

On Fri, Mar 18, 2016 at 8:46 AM, Mark Polak mark@dhis2.org wrote:

Hey Kaustav and Vanya,

Your projected changes are related to section forms (not custom forms) is that correct?

For custom forms the users are able to “hack” the html representation. Therefore they could accidentally break this feature, which makes it seem not reliable.

So it is for section forms then (the default generated forms) then we think this would be a welcome feature to go into trunk.

Regards,

Mark


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


Thank you,
Abyot.

On Thu, Mar 17, 2016 at 4:03 PM, Mark Polak mark@dhis2.org wrote:

Hey Vanya,

Thank you for your patience. I’m waiting for a reply from Lars on this. Will ask him to confirm again :wink:

Regards,

Mark

On Thu, Mar 17, 2016 at 3:34 PM, Vanya Seth vanyas@thoughtworks.com wrote:

Hi Mark and Nicolay

Hope you both are doing well.

Have you had a chance to look into Kaustav’s email?

We have started a new iteration and wanted to pick up this work asap. Any help would be greatly appreciated.

Thanks in advance

Vanya

On Tue, Mar 15, 2016 at 6:36 PM, Kaustav Chakraborty kaustavc@thoughtworks.com wrote:

Hi Mark

Hope you are doing well.

We want to make some enhancements to the Data entry app. Which is to make the data entry table header ( category combo header ) stay constant even if we scroll down the page, so that the user knows which column they are entering the data in.

These are a few questions,

1. Would this be alright to add this to DHIS?

2. If you have any recommendations regarding the implementation of this feature? Like using some library or anything of that sort?

At our end we have explored a few things:

Assume, the table is structured as below,

table
    thead
        tr
            th
    tbody
        tr
            td

1. Using a Library:

There is a javascript library called floatThead that can be leveraged for this. It also works with multiple tables present in a single page. So while scrolling the table header remain fixed for each tables.

2. Not using any library,

We can have some fixed height given to a table body and put the y-axis scroll for the table. User has to come to the table element and scroll to get their data element to be seen.

I have attached the screenshots for better understanding.

We are waiting for your response.

Thanks & Regards,

Kaustav Chakraborty
STEP Intern
Email
kaustavc@thoughtworks.com
Telephone
+91 91009 60526
ThoughtWorks

With Regards
ThoughtWorks Technologies

Hyderabad

–Stay Hungry Stay Foolish!!

Hi Mark

Thanks a lot for the response.

The changes are for the section forms only.

Thanks for a good to go. :slight_smile:

But if you could also comment on the technical approach presented in the first email, it would be very useful.

Regards

Vanya

···

On Fri, Mar 18, 2016 at 1:16 PM, Mark Polak mark@dhis2.org wrote:

Hey Kaustav and Vanya,

Your projected changes are related to section forms (not custom forms) is that correct?

For custom forms the users are able to “hack” the html representation. Therefore they could accidentally break this feature, which makes it seem not reliable.

So it is for section forms then (the default generated forms) then we think this would be a welcome feature to go into trunk.

Regards,

Mark

On Thu, Mar 17, 2016 at 4:03 PM, Mark Polak mark@dhis2.org wrote:

Hey Vanya,

Thank you for your patience. I’m waiting for a reply from Lars on this. Will ask him to confirm again :wink:

Regards,

Mark

On Thu, Mar 17, 2016 at 3:34 PM, Vanya Seth vanyas@thoughtworks.com wrote:

Hi Mark and Nicolay

Hope you both are doing well.

Have you had a chance to look into Kaustav’s email?

We have started a new iteration and wanted to pick up this work asap. Any help would be greatly appreciated.

Thanks in advance

Vanya

On Tue, Mar 15, 2016 at 6:36 PM, Kaustav Chakraborty kaustavc@thoughtworks.com wrote:

Hi Mark

Hope you are doing well.

We want to make some enhancements to the Data entry app. Which is to make the data entry table header ( category combo header ) stay constant even if we scroll down the page, so that the user knows which column they are entering the data in.

These are a few questions,

1. Would this be alright to add this to DHIS?

2. If you have any recommendations regarding the implementation of this feature? Like using some library or anything of that sort?

At our end we have explored a few things:

Assume, the table is structured as below,

table
    thead
        tr
            th
    tbody
        tr
            td

1. Using a Library:

There is a javascript library called floatThead that can be leveraged for this. It also works with multiple tables present in a single page. So while scrolling the table header remain fixed for each tables.

2. Not using any library,

We can have some fixed height given to a table body and put the y-axis scroll for the table. User has to come to the table element and scroll to get their data element to be seen.

I have attached the screenshots for better understanding.

We are waiting for your response.

Thanks & Regards,

Kaustav Chakraborty
STEP Intern
Email
kaustavc@thoughtworks.com
Telephone
+91 91009 60526
ThoughtWorks

With Regards
ThoughtWorks Technologies

Hyderabad

–Stay Hungry Stay Foolish!!

With Regards
ThoughtWorks Technologies

Hyderabad

–Stay Hungry Stay Foolish!!

Hey All,

We should have jQuery available on the page. So it is probably the most straight forward way to use the floatThread thing.

The library seems pretty mature. I like that better than the scrollable table body, as that adds an extra scrollbar.

Regards,

Mark

···

On Fri, Mar 18, 2016 at 9:04 AM, Vanya Seth vanyas@thoughtworks.com wrote:

Hi Mark

Thanks a lot for the response.

The changes are for the section forms only.

Thanks for a good to go. :slight_smile:

But if you could also comment on the technical approach presented in the first email, it would be very useful.

Regards

Vanya

On Fri, Mar 18, 2016 at 1:16 PM, Mark Polak mark@dhis2.org wrote:

Hey Kaustav and Vanya,

Your projected changes are related to section forms (not custom forms) is that correct?

For custom forms the users are able to “hack” the html representation. Therefore they could accidentally break this feature, which makes it seem not reliable.

So it is for section forms then (the default generated forms) then we think this would be a welcome feature to go into trunk.

Regards,

Mark


With Regards
ThoughtWorks Technologies

Hyderabad

–Stay Hungry Stay Foolish!!

On Thu, Mar 17, 2016 at 4:03 PM, Mark Polak mark@dhis2.org wrote:

Hey Vanya,

Thank you for your patience. I’m waiting for a reply from Lars on this. Will ask him to confirm again :wink:

Regards,

Mark

On Thu, Mar 17, 2016 at 3:34 PM, Vanya Seth vanyas@thoughtworks.com wrote:

Hi Mark and Nicolay

Hope you both are doing well.

Have you had a chance to look into Kaustav’s email?

We have started a new iteration and wanted to pick up this work asap. Any help would be greatly appreciated.

Thanks in advance

Vanya

On Tue, Mar 15, 2016 at 6:36 PM, Kaustav Chakraborty kaustavc@thoughtworks.com wrote:

Hi Mark

Hope you are doing well.

We want to make some enhancements to the Data entry app. Which is to make the data entry table header ( category combo header ) stay constant even if we scroll down the page, so that the user knows which column they are entering the data in.

These are a few questions,

1. Would this be alright to add this to DHIS?

2. If you have any recommendations regarding the implementation of this feature? Like using some library or anything of that sort?

At our end we have explored a few things:

Assume, the table is structured as below,

table
    thead
        tr
            th
    tbody
        tr
            td

1. Using a Library:

There is a javascript library called floatThead that can be leveraged for this. It also works with multiple tables present in a single page. So while scrolling the table header remain fixed for each tables.

2. Not using any library,

We can have some fixed height given to a table body and put the y-axis scroll for the table. User has to come to the table element and scroll to get their data element to be seen.

I have attached the screenshots for better understanding.

We are waiting for your response.

Thanks & Regards,

Kaustav Chakraborty
STEP Intern
Email
kaustavc@thoughtworks.com
Telephone
+91 91009 60526
ThoughtWorks

With Regards
ThoughtWorks Technologies

Hyderabad

–Stay Hungry Stay Foolish!!

Yes that sounds fine to me :slight_smile:

Good luck!

···

On Fri, Mar 18, 2016 at 10:18 AM, Kaustav Chakraborty kaustavc@thoughtworks.com wrote:

Hi Mark,

Thank you for that. We also looked for a couple of libraries and found the same with floatThread.

I guess we are good to go with this approach.

Regards,

Kaustav Chakraborty
STEP Intern
Email
kaustavc@thoughtworks.com
Telephone
+91 91009 60526
ThoughtWorks

On Fri, Mar 18, 2016 at 2:29 PM, Mark Polak mark@dhis2.org wrote:

Hey All,

We should have jQuery available on the page. So it is probably the most straight forward way to use the floatThread thing.

The library seems pretty mature. I like that better than the scrollable table body, as that adds an extra scrollbar.

Regards,

Mark

On Fri, Mar 18, 2016 at 9:04 AM, Vanya Seth vanyas@thoughtworks.com wrote:

Hi Mark

Thanks a lot for the response.

The changes are for the section forms only.

Thanks for a good to go. :slight_smile:

But if you could also comment on the technical approach presented in the first email, it would be very useful.

Regards

Vanya

On Fri, Mar 18, 2016 at 1:16 PM, Mark Polak mark@dhis2.org wrote:

Hey Kaustav and Vanya,

Your projected changes are related to section forms (not custom forms) is that correct?

For custom forms the users are able to “hack” the html representation. Therefore they could accidentally break this feature, which makes it seem not reliable.

So it is for section forms then (the default generated forms) then we think this would be a welcome feature to go into trunk.

Regards,

Mark


With Regards
ThoughtWorks Technologies

Hyderabad

–Stay Hungry Stay Foolish!!

On Thu, Mar 17, 2016 at 4:03 PM, Mark Polak mark@dhis2.org wrote:

Hey Vanya,

Thank you for your patience. I’m waiting for a reply from Lars on this. Will ask him to confirm again :wink:

Regards,

Mark

On Thu, Mar 17, 2016 at 3:34 PM, Vanya Seth vanyas@thoughtworks.com wrote:

Hi Mark and Nicolay

Hope you both are doing well.

Have you had a chance to look into Kaustav’s email?

We have started a new iteration and wanted to pick up this work asap. Any help would be greatly appreciated.

Thanks in advance

Vanya

On Tue, Mar 15, 2016 at 6:36 PM, Kaustav Chakraborty kaustavc@thoughtworks.com wrote:

Hi Mark

Hope you are doing well.

We want to make some enhancements to the Data entry app. Which is to make the data entry table header ( category combo header ) stay constant even if we scroll down the page, so that the user knows which column they are entering the data in.

These are a few questions,

1. Would this be alright to add this to DHIS?

2. If you have any recommendations regarding the implementation of this feature? Like using some library or anything of that sort?

At our end we have explored a few things:

Assume, the table is structured as below,

table
    thead
        tr
            th
    tbody
        tr
            td

1. Using a Library:

There is a javascript library called floatThead that can be leveraged for this. It also works with multiple tables present in a single page. So while scrolling the table header remain fixed for each tables.

2. Not using any library,

We can have some fixed height given to a table body and put the y-axis scroll for the table. User has to come to the table element and scroll to get their data element to be seen.

I have attached the screenshots for better understanding.

We are waiting for your response.

Thanks & Regards,

Kaustav Chakraborty
STEP Intern
Email
kaustavc@thoughtworks.com
Telephone
+91 91009 60526
ThoughtWorks

With Regards
ThoughtWorks Technologies

Hyderabad

–Stay Hungry Stay Foolish!!