dhis2-devs team mailing list archive

[David Muturi <dnmuturi@xxxxxxxxx>]

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
>