2. PHPRunner General questions
  3. [SOLVED]  adjust the width of date field on the list page
This topic is locked
[SOLVED]

 adjust the width of date field on the list page

 		1/25/2019 4:35:01 AM
PHPRunner General questions
woodey2002 author

Hi Guys,
I am building my first project in V10 and I must say it's amazing well done to the runner team.
On a detail table list page i have 8 fields, I plan to use the inline add option for data entry.
The 8 fields are too wide to fit so I have started to adjust the width of the fields on the list page.
In the visual editor of 9.8 I easily could drag to increase the width of the desired field.
in v10 no dragging, so I had some success for normal fields by setting the size using width in px in field properties..
I have a date field with a picker on my list page, it's double the desired size. (see attached image)


https://imgur.com/a/kktBfI4
I need to shrink it but can't for the life of me figure out how to do it.
I have tried setting the width in px for the fields properties with no luck.
I also tried the custom CSS for the specific field with no luck
.style {

width: 150px;

}
Is there a way I can adjust the width of this date field on the list page?
Thanks,

J
HJB 1/26/2019



Hi Guys,
I am building my first project in V10 and I must say it's amazing well done to the runner team.
On a detail table list page i have 8 fields, I plan to use the inline add option for data entry.
The 8 fields are too wide to fit so I have started to adjust the width of the fields on the list page.
In the visual editor of 9.8 I easily could drag to increase the width of the desired field.
in v10 no dragging, so I had some success for normal fields by setting the size using width in px in field properties..
I have a date field with a picker on my list page, it's double the desired size. (see attached image)

https://imgur.com/a/kktBfI4
I need to shrink it but can't for the life of me figure out how to do it.
I have tried setting the width in px for the fields properties with no luck.
I also tried the custom CSS for the specific field with no luck
.style {

width: 150px;

}
Is there a way I can adjust the width of this date field on the list page?
Thanks,

J


https://help.formstack.com/hc/en-us/articles/360019519911-CSS-Editing-the-Width-of-One-Field
... for inspiration purposes only ...
woodey2002 author 1/26/2019

Many thanks W2F for the suggestion.
I have managed to find a solution via settings in runner itself.
Here it is...
If you have a date field that is too long on an detail table inline list page with inlineadd/edit enabled (like the attached image).
In the "View as/Edit As" setting for the date field switch the date control back to text field and adjust the "Size (px): to 100.
Press OK
Then open the same fields View As/Edit as settings again.
Select date from the edit as tab, and calendar control to "Inpopup".
Build your project and you will see the fields width adjusted to desired size.
In PHPRunner there is Always a way.
Many thanks,

J