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 <skaly...@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.muk...@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" <skaly...@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-us...@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
>
_______________________________________________
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
