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@gmail.com 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
–
Knut Staring
Dept. of Informatics, University of Oslo
+4791880522
http://dhis2.org
On Thu, Jul 24, 2014 at 7:40 PM, Kader Irchad Barry kaderb777@gmail.com 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.
Mailing list: https://launchpad.net/~dhis2-users
Post to : dhis2-users@lists.launchpad.net
Unsubscribe : https://launchpad.net/~dhis2-users
More help : https://help.launchpad.net/ListHelp
2014-07-24 20:19 GMT+03:00 Knut Staring knutst@gmail.com:
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@gmail.com 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
–
Knut Staring
Dept. of Informatics, University of Oslo
+4791880522
http://dhis2.org
2014-07-24 19:47 GMT+03:00 Knut Staring knutst@gmail.com:
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.
Mailing list: https://launchpad.net/~dhis2-users
Post to : dhis2-users@lists.launchpad.net
Unsubscribe : https://launchpad.net/~dhis2-users
More help : https://help.launchpad.net/ListHelp
On Wed, Jul 23, 2014 at 6:42 AM, Knut Staring knutst@gmail.com 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
–
Knut Staring
Dept. of Informatics, University of Oslo
+4791880522
http://dhis2.org
On Wed, Jul 23, 2014 at 6:23 AM, rin.channara@gmail.com 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@lists.launchpad.net
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
–