You are viewing limited content. For full access, please sign in.

Question

Question

Table Time Field Displaying On Lower Line

asked on December 5, 2017

Has anyone seen this before? I have the percentages for those fields in the table set to Auto, so I'm not sure why it's displaying the AM/PM portion of this Time field on a line below the row. I'd rather it display on the right of those time fields.

 

 

Time Field.PNG
Time Field.PNG (4.56 KB)
0 0

Replies

replied on December 6, 2017

Hi Ryan,

This is the default behavior. Putting AM/PM on the same line as time would make it messy.

If you would like the AM/PM to show on the same row, try the following custom CSS and adjust the width/margin so it look good on your form.

td > .cf-field > .hasTimePicker,
td > .cf-field > .cf-date-field-time > .cf-large > .hasTimePicker {
	width: 50%;
}
td > .cf-field > .timepicker-type-dropdown,
td > .cf-field > .cf-date-field-time > .cf-large > .timepicker-type-dropdown {
	margin: 0 2px;
	display: inline-block;
	width: auto;
}

 

0 0
You are not allowed to follow up in this post.

Sign in to reply to this post.