TAB IN CUSTOM FORMS

Support - Assistance technique
1

Hi all,

Anyone to share how one can create custom froms with tubs?

Thanks

1 Like
2

Hello Stanley,
There’s a section form feature that supports tabs horizontal or vertical.

But if it doesn’t suit you, you can write your html form and use jQuery tab feature so it’s rendered as custom form.

See this link

https://jqueryui.com/tabs/

John Francis Mukulu
Lead Developer, HISPTZ
University of Dar es salaam
http://hisptanzania.org/

···

On Dec 8, 2017 8:38 AM, “Stanley Kalyati” skalyati@gmail.com wrote:

Hi all,

Anyone to share how one can create custom froms with tubs?

Thanks

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

3

Hi John,

Thank you for your responses.You really help.

Now,how about collapsing sections in a custom form? How do I go about it?

Thank you all once again

···

On Dec 8, 2017 10:31 AM, “John Mukulu” john.f.mukulu@gmail.com wrote:

Hello Stanley,
There’s a section form feature that supports tabs horizontal or vertical.

But if it doesn’t suit you, you can write your html form and use jQuery tab feature so it’s rendered as custom form.

See this link

https://jqueryui.com/tabs/

John Francis Mukulu
Lead Developer, HISPTZ
University of Dar es salaam
http://hisptanzania.org/

On Dec 8, 2017 8:38 AM, “Stanley Kalyati” skalyati@gmail.com wrote:

Hi all,

Anyone to share how one can create custom froms with tubs?

Thanks

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

4

Hi Stanley,
Here is a script as well to create custom tabs.

<script>
   jQuery(document).ready( function() {

          jQuery( '#tabs' ).tabs({ collapsible : true });

    });
</script>

<div id="tabs">
<ul>
<li><a href="#tab-1">Page 1 </a></li>
<li><a href="#tab-2">Page 2</a></li>
<li><a href="#tab-3">Page 3</a></li>
</ul>

<div id="tab-1">
--HTML CODE--
</div>
<div id="tab-2">
--HTML CODE--
</div>
<div id="tab-3">
--HTML CODE--
</div>
</div>

rgds
David

···

2017-12-14 5:20 GMT+03:00 Stanley Kalyati <skalyati@gmail.com>:

Hi John,

Thank you for your responses.You really help.

Now,how about collapsing sections in a custom form? How do I go about it?

Thank you all once again

On Dec 8, 2017 10:31 AM, "John Mukulu" <john.f.mukulu@gmail.com> wrote:

Hello Stanley,
There's a section form feature that supports tabs horizontal or vertical.

But if it doesn't suit you, you can write your html form and use jQuery
tab feature so it's rendered as custom form.

See this link
Tabs | jQuery UI

John Francis Mukulu
Lead Developer, HISPTZ
University of Dar es salaam
http://hisptanzania.org/

On Dec 8, 2017 8:38 AM, "Stanley Kalyati" <skalyati@gmail.com> wrote:

Hi all,

Anyone to share how one can create custom froms with tubs?

Thanks

_______________________________________________
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

_______________________________________________
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

5

Hi David,

How about the script for collapsing sections?

For example you have a form with 4 sections on HTS,TB,Family Planning and STI.Instead for the whole tool to appear just like that but you want to be able to collapse and expand sections as one enters data.

Thank you once you

Stanley

···

On Fri, Dec 15, 2017 at 3:16 PM, David Muturi dnmuturi@gmail.com wrote:

Hi Stanley,

Here is a script as well to create custom tabs.

–HTML CODE–

–HTML CODE–

–HTML CODE–

rgds

David

2017-12-14 5:20 GMT+03:00 Stanley Kalyati skalyati@gmail.com:

Hi John,

Thank you for your responses.You really help.

Now,how about collapsing sections in a custom form? How do I go about it?

Thank you all once again

On Dec 8, 2017 10:31 AM, “John Mukulu” john.f.mukulu@gmail.com wrote:

Hello Stanley,

There’s a section form feature that supports tabs horizontal or vertical.

But if it doesn’t suit you, you can write your html form and use jQuery

tab feature so it’s rendered as custom form.

See this link

https://jqueryui.com/tabs/

John Francis Mukulu

Lead Developer, HISPTZ

University of Dar es salaam

http://hisptanzania.org/

On Dec 8, 2017 8:38 AM, “Stanley Kalyati” skalyati@gmail.com wrote:

Hi all,

Anyone to share how one can create custom froms with tubs?

Thanks

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

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