dhis2-users team mailing list archive

[Knut Staring <knutst@xxxxxxxxx>]

Since spreadsheet-like grids are really common (occur pretty much whenever
we have a dimensional breakdown), we could also consider providing a CSS
template for this scenario, to avoid everyone reinventing that wheel.


On Thu, Jul 24, 2014 at 9:49 PM, Lars Helge Øverland <larshelge@xxxxxxxxx>
wrote:

> Hi Kader,
>
> actually what you suggest is already implemented in 2.16. You can upload
> arbitrary CSS and Javascript through the Web API. So e.g. put an id
> "form-table" on your custom form table, and then something like that in the
> CSS:
>
> #form-table td {
>   width: 3em;
> }
>
> Docs here: https://www.dhis2.org/doc/snapshot/en/user/html/ch32s37.html
>
> 2.16 will be out shortly.
>
> Lars
>
>
>
>
>
>
> On Thu, Jul 24, 2014 at 7:40 PM, Kader Irchad Barry <kaderb777@xxxxxxxxx>
> wrote:
>
>> I agree with you.
>> In fact, I think it would be nice to complete the ability to create
>> custom forms, by giving the possibility to edit its css styles in a
>> separate file. This way, we could have a more complete control on the
>> look-and-feel of the forms.
>> Adding cellspadding style in the td tags (<td style="cellpadding:0px"
>> ...>) didn't work for me, and I did not look more forward to solve this
>> problem, guessing that the problem came from the management of the style
>> sheets.
>> Do you think developers can have a look at it more closely? It could be
>> nice to give this ability in order to complete the creation of customized
>> forms.
>>
>>
>>
>>
>> 2014-07-24 20:19 GMT+03:00 Knut Staring <knutst@xxxxxxxxx>:
>>
>> Thanks Kader,
>>>
>>> I was thinking there would be a more elegant method than to insert a
>>> style for each of the 24x20 cells, but your suggestion works well with a
>>> simple search/replace of "input" in Notepad++ (no need for an HTML editor).
>>>
>>> I would also love to get rid of the excessive padding to the left and
>>> right of the input field in the cell.
>>>
>>> And of course it would be nice to not have to manually insert the 240
>>> data bindings, so would very much welcome the realization of Lars' thoughts
>>> on making the auto-generated form available as a starting point for the
>>> customization.
>>>
>>>
>>>
>>> On Thu, Jul 24, 2014 at 7:01 PM, Kader Irchad Barry <kaderb777@xxxxxxxxx
>>> > wrote:
>>>
>>>> Hi Knut,
>>>>
>>>> For customizing the forms, I move all the source code to a html wysiwyg
>>>> editor, such as frontpage. This gives me the ability to identify the form
>>>> elements and give them the layout I want.
>>>>
>>>> For the cell width, I add a _style_ attribute in the input tag. This is
>>>> one example:
>>>>
>>>> <input *style="width:4em;text-align:center"*
>>>>  id="TCTY9boIn41-j5CfAgw1uth-val" title="TCTY9boIn41 -xxx" value="xxx" />
>>>>
>>>> You can adapt the size with the width attribute (here 4em, but could be
>>>> more or even less, depending on how you want to manage the inputs)
>>>>
>>>> Best regards
>>>> Kader
>>>>
>>>>
>>>> 2014-07-24 19:47 GMT+03:00 Knut Staring <knutst@xxxxxxxxx>:
>>>>
>>>> Hm...I thought custom forms would do the trick, but unfortunately the
>>>>> very act of binding each cell in the table to a
>>>>> dataelement/categoryoptioncombe makes in the online editor makes the cells
>>>>> far too wide (see the attached form).
>>>>>
>>>>> Would be greateful for tips on how to keep the cells the same width as
>>>>> they are in the right hand columns.
>>>>>
>>>>>
>>>>>
>>>>> On Wed, Jul 23, 2014 at 6:42 AM, Knut Staring <knutst@xxxxxxxxx>
>>>>> wrote:
>>>>>
>>>>>> Related to this, we have a big form where most sections are very
>>>>>> simple and broken down only by gender, but one is also broken down by A LOT
>>>>>> of age groupings, so the auto-generated form becomes extremely wide and the
>>>>>> users have to scroll a lot horizontally. This also means it is very easy
>>>>>> for them to lose track of where they are, though of course they do have the
>>>>>> little box in the upper right corner which is meant to help with exactly
>>>>>> those cases.
>>>>>>
>>>>>> So, in general we are very happy with the autogenerated form (and it
>>>>>> is huge, with 10 sections), but would like to be able to customize the
>>>>>> layout for this particular section (actually, the IDEAL option would be to
>>>>>> be able to specify the width of the cells - as we could well have cells
>>>>>> only a third of the automatic width).
>>>>>>
>>>>>> I suppose the best solution for now is to separate out this
>>>>>> particular section into a separate form, but are we planning to support
>>>>>> custom forms for sections?
>>>>>>
>>>>>> Knut
>>>>>>
>>>>>>
>>>>>>
>>>>>>
>>>>>> On Wed, Jul 23, 2014 at 6:23 AM, <rin.channara@xxxxxxxxx> wrote:
>>>>>>
>>>>>>>  Hi all developers,
>>>>>>> *MY SUGGESTION:*
>>>>>>> In “section grey field management” of combo category options. Has
>>>>>>> only “Disable field” for disable entry value. But I think it is
>>>>>>> important, we should have “Hide field” to hide some combo category. Because
>>>>>>> it effect on showing in Data Entry, if we has many combo category option
>>>>>>> cross with data element.
>>>>>>>
>>>>>>> thank you
>>>>>>> CHANNARA
>>>>>>>
>>>>>>> _______________________________________________
>>>>>>> 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
>>>>>>>
>>>>>>>
>>>>>>
>>>>>>
>>>>>> --
>>>>>> Knut Staring
>>>>>> Dept. of Informatics, University of Oslo
>>>>>> +4791880522
>>>>>> http://dhis2.org
>>>>>>
>>>>>
>>>>>
>>>>>
>>>>> --
>>>>> Knut Staring
>>>>> Dept. of Informatics, University of Oslo
>>>>> +4791880522
>>>>> http://dhis2.org
>>>>>
>>>>> _______________________________________________
>>>>> 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
>>>>>
>>>>>
>>>>
>>>
>>>
>>> --
>>> Knut Staring
>>> Dept. of Informatics, University of Oslo
>>> +4791880522
>>> http://dhis2.org
>>>
>>
>>
>> _______________________________________________
>> 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
>>
>>
>


-- 
Knut Staring
Dept. of Informatics, University of Oslo
+4791880522
http://dhis2.org