← Back to team overview

dhis2-users team mailing list archive

Re: [Dhis2-devs] Custom Forms

 

Hi Thuy,
Many thanks. I used your solution and it worked.
rgds
David

2015-01-20 9:50 GMT+03:00 Thuy Nguyen <thuy.hispvietnam@xxxxxxxxx>:

> Hi David,
>
> Can you try below sample.
>
> <script>
>
> jQuery(document).ready( function() {
>
>           jQuery( '#tabs' ).tabs({ collapsible : true });
>
>     });
>
> </script>
>
>
> <div id="tabs">
>
> <ul>
>
> <li><a href="#tab-1">Tab names</a></li>
>
> <li><a href="#tab-2">Tab names</a></li>
>
> <li><a href="#tab-n">Tab names</a></li>
>
> </ul>
>
> <div id="tab-1"><table>....</table></div>
>
> <div id="tab-2"><table>....</table></div>
>
> <div id="tab-n"><table>....</table></div>
>
> On Tue, Jan 20, 2015 at 1:07 PM, David Muturi <dnmuturi@xxxxxxxxx> wrote:
>
>> Many thanks Guy, I am aware of the section forms, this only applies to
>> the default forms, what  I wanted was a script to enable the custom form
>> get tabs.
>> rgds
>> David
>>
>> 2015-01-20 7:00 GMT+03:00 Guy Ekani <constyekani@xxxxxxxx>:
>>
>>> Hello,
>>>
>>> Despite the fact that we didn't see all of the form in your screen
>>> capture, I think *Section Forms *could help you !
>>>
>>> In Edit Data Set, dont forget to set : Render sections as tabs to Yes
>>>
>>> https://www.dhis2.org/doc/snapshot/en/user/html/ch06s02.html#d5e1294
>>>
>>> Sincerely,
>>>
>>> =========================
>>> EKANI Guy
>>>
>>>
>>>
>>>
>>>
>>>
>>>   Le Lundi 19 janvier 2015 18h22, David Muturi <dnmuturi@xxxxxxxxx> a
>>> écrit :
>>>
>>>
>>> Hi DHIS team,
>>>
>>> I want to further customize some forms developed by some users we
>>> trained on DHIS2 by adding some javascript/json to put in tabs because the
>>> form is long(see attachment). Anyone who has done this before, please help
>>> with a sample of the script or a resource to allow faster development.
>>> rgds
>>> David
>>>
>>> _______________________________________________
>>> 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
>>
>>
>

References