Re: [Dhis2-users] [Dhis2-devs] TAB IN CUSTOM FORMS

[Stanley Kalyati]

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  wrote:

> Hi Stanley,
> Here is a script as well to create custom tabs.
>
> 
>jQuery(document).ready( function() {
>
>   jQuery( '#tabs' ).tabs({ collapsible : true });
>
> });
> 
>
> 
> 
> Page 1 
> Page 2
> Page 3
> 
>
> 
> --HTML CODE--
> 
> 
> --HTML CODE--
> 
> 
> --HTML CODE--
> 
> 
>
> rgds
> David
>
> 2017-12-14 5:20 GMT+03:00 Stanley Kalyati :
> > 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"  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"  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-d...@lists.launchpad.net
> > Unsubscribe : https://launchpad.net/~dhis2-devs
> > More help   : https://help.launchpad.net/ListHelp
> >
>
___
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

Re: [Dhis2-users] [Dhis2-devs] TAB IN CUSTOM FORMS

[David Muturi]

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


   jQuery(document).ready( function() {

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

});




Page 1 
Page 2
Page 3



--HTML CODE--


--HTML CODE--


--HTML CODE--



rgds
David

2017-12-14 5:20 GMT+03:00 Stanley Kalyati :
> 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"  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"  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-d...@lists.launchpad.net
> Unsubscribe : https://launchpad.net/~dhis2-devs
> More help   : https://help.launchpad.net/ListHelp
>

___
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