Resizing Text Box on Customized Data Entry Form

Version:
​ ​

2.25
Build revision:
​ ​

b6a6568

I’ve been having a recurring problem when designing simple table for a customized form. In order to minimize the column width in a simple table, in design mode, I changed the Text Field Properties’ Character Width in every cell in the grid’s column. The column width was minimized as intended. The HTML code read "name=“entryfield” size=“4"” as intended. The form was saved. But when I opened the data set’s customized form again, the cell widths reverted back to the wider default width.

If I make the changes in HTML external to DHIS and paste it into the form designer again, it looks like the changes work as intended but they don’t actually save. The columns revert back to the wider width when re-opening the form.

Any ideas why this happens?

Also does anyone have suggestions on a simple HTML editor to use to make forms more robust without needing CSS skills (something easy/user friendly/free-ish)?

Thanks.

···

Laura E. Lincks
Database Manager/Developer
ICAP - Columbia University
Mailman School of Public Health
60 Haven Ave, Floor B1
New York, NY 10032
Tel: 212 304 7132

Hi Laura,

You have to use css to resize the input fields in custom form.

Put below css to your form:

input {

width: 10em !important;

}

For simple text editor, I recommend you can use Adobe Dreamweaver.

···

On Tue, May 2, 2017 at 9:58 AM, Laura E. Lincks laura.lincks@icap.columbia.edu wrote:

Version:
​ ​

2.25
Build revision:
​ ​

b6a6568

I’ve been having a recurring problem when designing simple table for a customized form. In order to minimize the column width in a simple table, in design mode, I changed the Text Field Properties’ Character Width in every cell in the grid’s column. The column width was minimized as intended. The HTML code read "name=“entryfield” size=“4"” as intended. The form was saved. But when I opened the data set’s customized form again, the cell widths reverted back to the wider default width.

If I make the changes in HTML external to DHIS and paste it into the form designer again, it looks like the changes work as intended but they don’t actually save. The columns revert back to the wider width when re-opening the form.

Any ideas why this happens?

Also does anyone have suggestions on a simple HTML editor to use to make forms more robust without needing CSS skills (something easy/user friendly/free-ish)?

Thanks.

Laura E. Lincks
Database Manager/Developer
ICAP - Columbia University
Mailman School of Public Health
60 Haven Ave, Floor B1
New York, NY 10032
Tel: 212 304 7132


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

Em Le Hong
DHIS2 Implementation| **HISP Vietnam **

em.hispvietnam@gmail.com | Skype: em.hispvietnam@gmail.com

​Thanks, Em. I definitely did not have to use CSS in previous versions of DHIS in order to resize a cell, which adds to my confusion and frustration. I’ll try your suggestions.​

···

On Mon, May 1, 2017 at 11:15 PM, Em Le Hong em.hispvietnam@gmail.com wrote:

Hi Laura,

You have to use css to resize the input fields in custom form.

Put below css to your form:

input {

width: 10em !important;

}

For simple text editor, I recommend you can use Adobe Dreamweaver.

Laura E. Lincks
Database Manager/Developer
ICAP - Columbia University
Mailman School of Public Health
60 Haven Ave, Floor B1
New York, NY 10032
Tel: 212 304 7132

On Tue, May 2, 2017 at 9:58 AM, Laura E. Lincks laura.lincks@icap.columbia.edu wrote:

Version:
​ ​

2.25
Build revision:
​ ​

b6a6568

I’ve been having a recurring problem when designing simple table for a customized form. In order to minimize the column width in a simple table, in design mode, I changed the Text Field Properties’ Character Width in every cell in the grid’s column. The column width was minimized as intended. The HTML code read "name=“entryfield” size=“4"” as intended. The form was saved. But when I opened the data set’s customized form again, the cell widths reverted back to the wider default width.

If I make the changes in HTML external to DHIS and paste it into the form designer again, it looks like the changes work as intended but they don’t actually save. The columns revert back to the wider width when re-opening the form.

Any ideas why this happens?

Also does anyone have suggestions on a simple HTML editor to use to make forms more robust without needing CSS skills (something easy/user friendly/free-ish)?

Thanks.

Laura E. Lincks
Database Manager/Developer
ICAP - Columbia University
Mailman School of Public Health
60 Haven Ave, Floor B1
New York, NY 10032
Tel: 212 304 7132


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

Em Le Hong
DHIS2 Implementation| **HISP Vietnam **

em.hispvietnam@gmail.com | Skype: em.hispvietnam@gmail.com