dhis2-devs team mailing list archive

[Stanley Kalyati <skalyati@xxxxxxxxx>]

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

> 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@xxxxxxxxx>:
> > 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@xxxxxxxxx> 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@xxxxxxxxx> 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@xxxxxxxxxxxxxxxxxxx
> >>> Unsubscribe : https://launchpad.net/~dhis2-users
> >>> More help   : https://help.launchpad.net/ListHelp
> >>>
> >
> > _______________________________________________
> > Mailing list: https://launchpad.net/~dhis2-devs
> > Post to     : dhis2-devs@xxxxxxxxxxxxxxxxxxx
> > Unsubscribe : https://launchpad.net/~dhis2-devs
> > More help   : https://help.launchpad.net/ListHelp
> >
>