Custom forms - Pagination/Section

Hello there,

Is there a simple way to add sections or pagination to a custom form? The goal is to avoid scroll when dealing with long forms.

Kind regards,

Paulo Grácio
Technical Manager
(+258) 822 544 603

Critical Software Mozambique
Dependable Technologies for Critical Systems

Critical Software Mozambique is a subsidiary of Critical Software, a CMMI® Level 5 rated Company
CMMI® is registered in the USPTO by CMU

Rua Pereira Marinho, 179
Bairro de Sommerchield
Maputo
Moçambique
Phone: (+258) 214 951 45
Fax: (+258) 214 951 46

DISCLAIMER: This message is confidential and may contain privileged information. It is for use only by the people or entities to whom it is addressed. If you are not an intended recipient, you should not disclose, distribute, copy, print, rely on or otherwise make use of this message. If an addressing or transmission error has misdirected it to you we would be grateful if you would please notify the sender by return, before deleting it from your system.

Hi Paulo,

there is way for developers. Don’t try this at home.

In custom form editor, view the source. Wrap the HTML contents that you want to appear as a section in a div and add a class “formSection” to it, something like:

// Stuff that makes up a section here

You should now be able to use the section drop-down that appears for section forms in data entry.

Lars

···

On Wed, Apr 3, 2013 at 5:24 PM, Paulo Grácio pgracio@criticalsoftware.com wrote:

Hello there,

Is there a simple way to add sections or pagination to a custom form? The goal is to avoid scroll when dealing with long forms.

Kind regards,

Paulo Grácio

Technical Manager

(+258) 822 544 603

Critical Software Mozambique

Dependable Technologies for Critical Systems

Critical Software Mozambique is a subsidiary of Critical Software, a CMMI® Level 5 rated Company

CMMI® is registered in the USPTO by CMU

Rua Pereira Marinho, 179
Bairro de Sommerchield
Maputo
Moçambique
Phone: (+258) 214 951 45

Fax: (+258) 214 951 46

DISCLAIMER: This message is confidential and may contain privileged information. It is for use only by the people or entities to whom it is addressed. If you are not an intended recipient, you should not disclose, distribute, copy, print, rely on or otherwise make use of this message. If an addressing or transmission error has misdirected it to you we would be grateful if you would please notify the sender by return, before deleting it from your system.


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

Love the "Don't try this at home" disclaimer! :wink:

···

---
Regards,
Saptarshi PURKAYASTHA

My Tech Blog: http://sunnytalkstech.blogspot.com
You Live by CHOICE, Not by CHANCE

On 3 April 2013 18:02, Lars Helge Øverland <larshelge@gmail.com> wrote:

Hi Paulo,

there is way for developers. Don't try this at home.

In custom form editor, view the source. Wrap the HTML contents that you want
to appear as a section in a div and add a class "formSection" to it,
something like:

<div class="formSection">

// Stuff that makes up a section here

</div>

You should now be able to use the section drop-down that appears for section
forms in data entry.

Lars

On Wed, Apr 3, 2013 at 5:24 PM, Paulo Grácio <pgracio@criticalsoftware.com> > wrote:

Hello there,

Is there a simple way to add sections or pagination to a custom form? The
goal is to avoid scroll when dealing with long forms.

Kind regards,

Paulo Grácio
Technical Manager
(+258) 822 544 603

Critical Software Mozambique
Dependable Technologies for Critical Systems

Critical Software Mozambique is a subsidiary of Critical Software, a CMMI®
Level 5 rated Company
CMMI® is registered in the USPTO by CMU

Rua Pereira Marinho, 179
Bairro de Sommerchield
Maputo
Moçambique
Phone: (+258) 214 951 45
Fax: (+258) 214 951 46

DISCLAIMER: This message is confidential and may contain privileged
information. It is for use only by the people or entities to whom it is
addressed. If you are not an intended recipient, you should not disclose,
distribute, copy, print, rely on or otherwise make use of this message. If
an addressing or transmission error has misdirected it to you we would be
grateful if you would please notify the sender by return, before deleting it
from your system.

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

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

Hi Lars,

Is this a specific functionality of version 2.11?

Inspecting the code generated when displaying a Section Form we have

(…)

So what I didn’t figure out is how just adding

will make parameter “Filter on section” appear… doing what you said just added a new border to my tables according to css

.formSection {

  • border: 1px solid #C0C0C0;*

  • border-radius: 3px 3px 3px 3px;*

  • padding: 10px;*

}

Is this a sign that I’m not a developer J?!

Kind regards,

Paulo Grácio

···

From: Lars Helge Øverland [mailto:larshelge@gmail.com]
Sent: quarta-feira, 3 de Abril de 2013 18:03
To: Paulo Grácio
Cc: dhis2-users@lists.launchpad.net
Subject: Re: [Dhis2-users] Custom forms - Pagination/Section

Hi Paulo,

there is way for developers. Don’t try this at home.

In custom form editor, view the source. Wrap the HTML contents that you want to appear as a section in a div and add a class “formSection” to it, something like:

// Stuff that makes up a section here

You should now be able to use the section drop-down that appears for section forms in data entry.

Lars

On Wed, Apr 3, 2013 at 5:24 PM, Paulo Grácio pgracio@criticalsoftware.com wrote:

Hello there,

Is there a simple way to add sections or pagination to a custom form? The goal is to avoid scroll when dealing with long forms.

Kind regards,

Paulo Grácio
Technical Manager
(+258) 822 544 603

Critical Software Mozambique
Dependable Technologies for Critical Systems

Critical Software Mozambique is a subsidiary of Critical Software, a CMMI® Level 5 rated Company
CMMI® is registered in the USPTO by CMU

Rua Pereira Marinho, 179
Bairro de Sommerchield
Maputo
Moçambique
Phone: (+258) 214 951 45
Fax: (+258) 214 951 46

DISCLAIMER: This message is confidential and may contain privileged information. It is for use only by the people or entities to whom it is addressed. If you are not an intended recipient, you should not disclose, distribute, copy, print, rely on or otherwise make use of this message. If an addressing or transmission error has misdirected it to you we would be grateful if you would please notify the sender by return, before deleting it from your system.


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

Sorry seems I was a bit quick. You need to add another div with class cent and an h3 as well. So like this:

Name of section goes here

// section html here

···

On Wed, Apr 3, 2013 at 6:54 PM, Paulo Grácio pgracio@criticalsoftware.com wrote:

Hi Lars,

Is this a specific functionality of version 2.11?

Inspecting the code generated when displaying a Section Form we have

(…)

So what I didn’t figure out is how just adding

will make parameter “Filter on section” appear… doing what you said just added a new border to my tables according to css

.formSection {

  • border: 1px solid #C0C0C0;*
  • border-radius: 3px 3px 3px 3px;*
  • padding: 10px;*

}

Is this a sign that I’m not a developer J?!

Kind regards,

Paulo Grácio

From: Lars Helge Øverland [mailto:larshelge@gmail.com]

Sent: quarta-feira, 3 de Abril de 2013 18:03
To: Paulo Grácio
Cc: dhis2-users@lists.launchpad.net
Subject: Re: [Dhis2-users] Custom forms - Pagination/Section

Hi Paulo,

there is way for developers. Don’t try this at home.

In custom form editor, view the source. Wrap the HTML contents that you want to appear as a section in a div and add a class “formSection” to it, something like:

// Stuff that makes up a section here

You should now be able to use the section drop-down that appears for section forms in data entry.

Lars

On Wed, Apr 3, 2013 at 5:24 PM, Paulo Grácio pgracio@criticalsoftware.com wrote:

Hello there,

Is there a simple way to add sections or pagination to a custom form? The goal is to avoid scroll when dealing with long forms.

Kind regards,

Paulo Grácio

Technical Manager
(+258) 822 544 603

Critical Software Mozambique

Dependable Technologies for Critical Systems

Critical Software Mozambique is a subsidiary of Critical Software, a CMMI® Level 5 rated Company

CMMI® is registered in the USPTO by CMU

Rua Pereira Marinho, 179
Bairro de Sommerchield
Maputo
Moçambique
Phone: (+258) 214 951 45

Fax: (+258) 214 951 46

DISCLAIMER: This message is confidential and may contain privileged information. It is for use only by the people or entities to whom it is addressed. If you are not an intended recipient, you should not disclose, distribute, copy, print, rely on or otherwise make use of this message. If an addressing or transmission error has misdirected it to you we would be grateful if you would please notify the sender by return, before deleting it from your system.


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

L not getting there. If for instance you have a complete html custom form definition with a sample working I would appreciate.

Regards,

Paulo Grácio

···

From: Lars Helge Øverland [mailto:larshelge@gmail.com]
Sent: quarta-feira, 3 de Abril de 2013 19:19
To: Paulo Grácio
Cc: dhis2-users@lists.launchpad.net
Subject: Re: [Dhis2-users] Custom forms - Pagination/Section

Sorry seems I was a bit quick. You need to add another div with class cent and an h3 as well. So like this:

Name of section goes here

// section html here

On Wed, Apr 3, 2013 at 6:54 PM, Paulo Grácio pgracio@criticalsoftware.com wrote:

Hi Lars,

Is this a specific functionality of version 2.11?

Inspecting the code generated when displaying a Section Form we have

(…)

So what I didn’t figure out is how just adding

will make parameter “Filter on section” appear… doing what you said just added a new border to my tables according to css

.formSection {

  • border: 1px solid #C0C0C0;*

  • border-radius: 3px 3px 3px 3px;*

  • padding: 10px;*

}

Is this a sign that I’m not a developer J?!

Kind regards,

Paulo Grácio

From: Lars Helge Øverland [mailto:larshelge@gmail.com]
Sent: quarta-feira, 3 de Abril de 2013 18:03
To: Paulo Grácio
Cc: dhis2-users@lists.launchpad.net
Subject: Re: [Dhis2-users] Custom forms - Pagination/Section

Hi Paulo,

there is way for developers. Don’t try this at home.

In custom form editor, view the source. Wrap the HTML contents that you want to appear as a section in a div and add a class “formSection” to it, something like:

// Stuff that makes up a section here

You should now be able to use the section drop-down that appears for section forms in data entry.

Lars

On Wed, Apr 3, 2013 at 5:24 PM, Paulo Grácio pgracio@criticalsoftware.com wrote:

Hello there,

Is there a simple way to add sections or pagination to a custom form? The goal is to avoid scroll when dealing with long forms.

Kind regards,

Paulo Grácio
Technical Manager
(+258) 822 544 603

Critical Software Mozambique
Dependable Technologies for Critical Systems

Critical Software Mozambique is a subsidiary of Critical Software, a CMMI® Level 5 rated Company
CMMI® is registered in the USPTO by CMU

Rua Pereira Marinho, 179
Bairro de Sommerchield
Maputo
Moçambique
Phone: (+258) 214 951 45
Fax: (+258) 214 951 46

DISCLAIMER: This message is confidential and may contain privileged information. It is for use only by the people or entities to whom it is addressed. If you are not an intended recipient, you should not disclose, distribute, copy, print, rely on or otherwise make use of this message. If an addressing or transmission error has misdirected it to you we would be grateful if you would please notify the sender by return, before deleting it from your system.


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 Paolo,

I tested on the demo and it worked well… Note that I have only tested on version 2.11. You can view a full example from “EPI stock” data set at the demo now.

http://apps.dhis2.org/demo/dhis-web-dataentry/index.action

http://apps.dhis2.org/demo/dhis-web-maintenance-dataset/viewDataEntryForm.action?dataSetId=1149441

You need to hurry as the database is reset nightly :wink:

cheers

Lars

···

On Wed, Apr 3, 2013 at 11:40 PM, Paulo Grácio pgracio@criticalsoftware.com wrote:

L not getting there. If for instance you have a complete html custom form definition with a sample working I would appreciate.

Regards,

Paulo Grácio

From: Lars Helge Øverland [mailto:larshelge@gmail.com]

Sent: quarta-feira, 3 de Abril de 2013 19:19

To: Paulo Grácio
Cc: dhis2-users@lists.launchpad.net

Subject: Re: [Dhis2-users] Custom forms - Pagination/Section

Sorry seems I was a bit quick. You need to add another div with class cent and an h3 as well. So like this:

Name of section goes here

// section html here

On Wed, Apr 3, 2013 at 6:54 PM, Paulo Grácio pgracio@criticalsoftware.com wrote:

Hi Lars,

Is this a specific functionality of version 2.11?

Inspecting the code generated when displaying a Section Form we have

(…)

So what I didn’t figure out is how just adding

will make parameter “Filter on section” appear… doing what you said just added a new border to my tables according to css

.formSection {

  • border: 1px solid #C0C0C0;*
  • border-radius: 3px 3px 3px 3px;*
  • padding: 10px;*

}

Is this a sign that I’m not a developer J?!

Kind regards,

Paulo Grácio

From: Lars Helge Øverland [mailto:larshelge@gmail.com]

Sent: quarta-feira, 3 de Abril de 2013 18:03
To: Paulo Grácio
Cc: dhis2-users@lists.launchpad.net
Subject: Re: [Dhis2-users] Custom forms - Pagination/Section

Hi Paulo,

there is way for developers. Don’t try this at home.

In custom form editor, view the source. Wrap the HTML contents that you want to appear as a section in a div and add a class “formSection” to it, something like:

// Stuff that makes up a section here

You should now be able to use the section drop-down that appears for section forms in data entry.

Lars

On Wed, Apr 3, 2013 at 5:24 PM, Paulo Grácio pgracio@criticalsoftware.com wrote:

Hello there,

Is there a simple way to add sections or pagination to a custom form? The goal is to avoid scroll when dealing with long forms.

Kind regards,

Paulo Grácio

Technical Manager
(+258) 822 544 603

Critical Software Mozambique

Dependable Technologies for Critical Systems

Critical Software Mozambique is a subsidiary of Critical Software, a CMMI® Level 5 rated Company

CMMI® is registered in the USPTO by CMU

Rua Pereira Marinho, 179
Bairro de Sommerchield
Maputo
Moçambique
Phone: (+258) 214 951 45

Fax: (+258) 214 951 46

DISCLAIMER: This message is confidential and may contain privileged information. It is for use only by the people or entities to whom it is addressed. If you are not an intended recipient, you should not disclose, distribute, copy, print, rely on or otherwise make use of this message. If an addressing or transmission error has misdirected it to you we would be grateful if you would please notify the sender by return, before deleting it from your system.


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

Thanks Lars, up and running.

···

From: Lars Helge Øverland [mailto:larshelge@gmail.com]
Sent: segunda-feira, 8 de Abril de 2013 17:02
To: Paulo Grácio
Cc: dhis2-users@lists.launchpad.net
Subject: Re: [Dhis2-users] Custom forms - Pagination/Section

Hi Paolo,

I tested on the demo and it worked well.. Note that I have only tested on
version 2.11. You can view a full example from "EPI stock" data set at the
demo now.

http://apps.dhis2.org/demo/dhis-web-dataentry/index.action

http://apps.dhis2.org/demo/dhis-web-maintenance-dataset/viewDataEntryForm.ac
tion?dataSetId=1149441

You need to hurry as the database is reset nightly :wink:

cheers

Lars

On Wed, Apr 3, 2013 at 11:40 PM, Paulo Grácio <pgracio@criticalsoftware.com> wrote:

L not getting there. If for instance you have a complete html custom form
definition with a sample working I would appreciate.

Regards,

Paulo Grácio

From: Lars Helge Øverland [mailto:larshelge@gmail.com]
Sent: quarta-feira, 3 de Abril de 2013 19:19