dhis2-devs team mailing list archive
-
dhis2-devs team
-
Mailing list archive
-
Message #50466
Re: [Dhis2-users] TAB IN CUSTOM FORMS
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
>
Follow ups
References