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 <[email protected]> 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 <[email protected]>:
> > 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" <[email protected]> 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" <[email protected]> wrote:
> >>>
> >>> Hi all,
> >>>
> >>> Anyone to share how one can create custom froms with tubs?
> >>>
> >>> Thanks
> >>>
> >>> _______________________________________________
> >>> Mailing list: https://launchpad.net/~dhis2-users
> >>> Post to     : [email protected]
> >>> Unsubscribe : https://launchpad.net/~dhis2-users
> >>> More help   : https://help.launchpad.net/ListHelp
> >>>
> >
> > _______________________________________________
> > Mailing list: https://launchpad.net/~dhis2-devs
> > Post to     : [email protected]
> > Unsubscribe : https://launchpad.net/~dhis2-devs
> > More help   : https://help.launchpad.net/ListHelp
> >
>
_______________________________________________
Mailing list: https://launchpad.net/~dhis2-devs
Post to     : [email protected]
Unsubscribe : https://launchpad.net/~dhis2-devs
More help   : https://help.launchpad.net/ListHelp

Reply via email to