Control size (width) of columns when Inline Add/Edit

[YogiYang]

Hello,

I have 6 columns in List page. I need to provide user Inline Add/Edit feature. For this I enabled the Inline Add and Edit from Table.

But now when we enter Inline Add/Edit mode the input fields are very wide but as the content entered in these fields is mostly numeric and date I need to narrow the width of the fields. How can I do this?

TIA

Yogi Yang

[sangnandar]

Field Setup -> Edit Tag -> INPUT Tag Attributes -> Size
Set the value as you need. Default value is 30.

[arbei]

You can also add your code in [HTML]->[Styles]->[User] to change the width of the controls.

[YogiYang]

sangnandar wrote:
Field Setup -> Edit Tag -> INPUT Tag Attributes -> Size
Set the value as you need. Default value is 30.
Thanks for your help but unfortunately this does not work for all input fields. If the field Edit tag is Select the height of the control gets set and disturbs the whole page.

[sangnandar]

YogiYang wrote:
If the field Edit tag is Select

Select tag will use width of the longest select value (including value=0, Please Select). I think you can't set the width less than that, and if you can it may disturb user for they can't see the full text.
The trick would be to set your select value carefully.

Another trick that might work (didn't test) is to use value=0 as the width setter. Search this forum for how to change "Please Select" text. Change "Please Select" text into something like this:

&nbsp;&nbsp;<yourText>&nbsp;&nbsp;

Basically, use html blank space to get your desired width.

[sangnandar]

To set height of the Select field.

1. Find <select> tag element (browser: F12) of the field.
2. Use startup script to change the height of that element, use jQuery .css() method.

[mjose.blanco]

You have to edit the file c:\Program files\Phpmaker2017\themes\ew.scss.
I recommend you to do a copy of the file.
You have to edit the value:
@mixin media-desktop{
....
input[type=text]:not[size])....,input[type=password]...{
min-width:250 px
}

Decrease the min-width to 100 px.

Generate with PHPMaker.